11-webpack-清理dist
-
在每次打包前,清空dist目录。
中文版(此处会报错)https://www.webpackjs.com/guides/output-management/#清理-dist-文件夹
用英文版(指定清理dist)https://webpack.js.org/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的title
title: 'Output Management'
})
],
};
第四步:命令行运行代码,打包
npm run build
打包成功后,dist文件夹下自动清理无效文件