1. html-webpack-plugin插件
HtmlWebpackPlugin 会创建了一个全新的静态html文件，所有的打包后的js会自动添加到 html 中，这样一旦修改了js文件名字，也不需要我们在手动到dist下去修改html文件了。
#webpack.config.js
npm install --save-dev html-webpack-plugin
const HtmlWebpackPlugin = require('html-webpack-plugin');
plugins: [
new HtmlWebpackPlugin({
template: __dirname + "/src/index.html"
})
]
error.png
npm run build 打包代码，
如果你报了这个错，你看看是有注册webpack和webpack-cli
npm install webpack --save-dev
npm install webpack-cli --save-dev
2. clean-webpack-plugin插件
这个插件可以情空dist文件夹，避免做混杂不需要的文件。
#webpack.config.js
npm install --save-dev clean-webpack-plugin
const CleanWebpackPlugin = require('clean-webpack-plugin');
plugins: [
new CleanWebpackPlugin ()，
new HtmlWebpackPlugin({
template: __dirname + "/src/index.html"
})
]
