处理 HTML 资源

1. 安装

bash

npm i html-webpack-plugin -D

2. 配置

webpack.config.js

js

import HtmlWebpackPlugin from 'html-webpack-plugin';
// 其他引入...
export default {
  // 其他配置...
  plugins: [
    // 生成html文件
    new HtmlWebpackPlugin({
      // 以新的public/index.html文件为模板 创建新的html文件
      // 新的html特点，1结构和之前一致，2自动引入打包所需要的资源
      template: path.resolve(__dirname, 'public/index.html')
    }),
  ]
}

此时再打包 dist 目录就会输出一个 index.html 文件