自动化生成项目中的html页面

背景：打包好一次js、css都会生成一个不同的带有版本号的打包文件，把打包好的文件引入html中，每次手动改版本号太麻烦也不现实，如果自动生成html页面就会方便很多了

实现：借用webpack解决该问题 （html-webpack-plugin）

(一) 首先安装

npm i html-webpack-plugin -D

安装成功： 

"html-webpack-plugin": "^4.3.0"

（二）配置

webpack.config.js中加入plugins这一项，plugins是一个数组，用于初始化插件

const path = require('path')
const htmlWebpackPlugin = require('html-webpack-plugin') // 引入插件
module.exports = {
  entry: {
    app: './src/app.js',
    vender: './src/vender.js'
  },
  output: {
    filename: '[name].[chunkhash].js',
    path: path.join(__dirname, 'dist')
  },
  plugins: [
    new htmlWebpackPlugin() // 初始化
  ]
}

重新运行 npm run build