九：clean-webpack-plugin

clean-webpack-plugin
      打开 js 文件夹，会发现，这里有两个 app.js 文件，只是 hash 值不同而已，打开 dist/index.html 文件，发现其引用了其中的一个，也就是说，另一个是完全没用的，当我们修改入口文件的 js 代码，再次执行 npm run build 时，会发现 js 文件夹又会生成新的 app.js 文件，我们只需要被引用的那一个，其他的我们都需要删除它，这里需要用到 clean-webpack-plugin

1：安装插件

npm i clean-webpack-plugin -D

 

2：修改 webpack.prod.conf.js 文件，添加引用

const CleanWebpackPlugin = require('clean-webpack-plugin');

3：在 plugins 中使用该插件
new CleanWebpackPlugin(),

再次执行 npm run build 查看 dist/js 文件夹内的文件，已经只存在一个被 dist/index.html 引用的 app.js 文件了~