webpack (五) -打包-清理dist-使用英文版clean-webpack-plugin插件

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文件夹下自动清理无效文件