webpack管理输出

主要是使用clean-webpack-plugin引发的错误

1.这么写就会就会引起第一个问题，是因为引入版本比较高致使的npm install clean-webpack-plugin --save-dev

+ const CleanWebpackPlugin = require('clean-webpack-plugin'); plugins: [ + new CleanWebpackPlugin(['dist']), new HtmlWebpackPlugin({ title: 'Output Management' }) ]

 

 这个错误告诉咱们导入的类型不对，须要修改，给导入行加大括号解决

+ const {CleanWebpackPlugin} = require('clean-webpack-plugin'); plugins: [ + new CleanWebpackPlugin(['dist']), new HtmlWebpackPlugin({ title: 'Output Management' }) ]

2.而后运行还会引起第二个错误，这个错误告诉咱们使用这个类参数得是一个对象

 

 其实不填也能够，填一个空的{}也行，清除的目录会默认以输出口目录为准

const {CleanWebpackPlugin} = require('clean-webpack-plugin');    plugins: [        new CleanWebpackPlugin(),        new HtmlWebpackPlugin({            title: 'Output Management'        })    ],