11-webpack-清理dist
在每次打包前,清空dist目录。
中文版(此处会报错)/guides/output-management/#清理-dist-文件夹
用英文版(指定清理dist)/guides/output-management/#cleaning-up-the-dist-folder
第一步:命令行 安装 打包插件
npm install clean-webpack-plugin --save-dev
第二步:webpack.config.js中配置文件即可
+ const {CleanWebpackPlugin} = require('clean-webpack-plugin');
plugins: [+new CleanWebpackPlugin(),new HtmlWebpackPlugin({title: 'Output Management'})],// 导包//const CleanWebpackPlugin = require('clean-webpack-plugin'); 中文版本+ const {CleanWebpackPlugin} = require('clean-webpack-plugin');module.exports = {第三步: //插件配置+ plugins: [//实例化插件 把目录传进去//new CleanWebpackPlugin(['dist']), 会报错+new CleanWebpackPlugin(),new HtmlWebpackPlugin({//生成后的html的titletitle: 'Output Management'})],};
第四步:命令行运行代码,打包
npm run build
打包成功后,dist文件夹下自动清理无效文件