webpack中清理构建目录小结

1、用系统命令

rm -rf ./dist

2、使用npm包

安装rimraf

 "rimraf": "^2.6.3",

利用npm scripts执行命令

rimraf ./dist

3、使用webpack插件

可以在构建时，自动清理output配置的目录。

"clean-webpack-plugin": "^2.0.2",

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

看out目录:

output: {
filename: '[name][chunkhash:8].js',
path: __dirname + '/dist'
},

使用plugin

plugins: [
        // new webpack.HotModuleReplacementPlugin(),
        new CleanWebpackPlugin(),
       //  new FriendlyErrorsWebpackPlugin()
    ].concat(htmlWebpackPlugins),