升级webpack4踩的坑

最近webpack升级到4了，关于webpack4较以前版本的改变我就不赘述了，分享一下本身从3升级到4遇到的问题，以及解决方法：

一、webpack升级以后会再次打包以后会报错，提醒哪一个包有问题，只须要按照报错升级对应的包就能够

二、若是你的node版本过低的话，须要升级一下node版本，webpack支持6.11.5及以上版本

三、关于生产环境和开发环境加上mode:development/production,就能够将以前的UglifyJsPlugin就能够删掉了,生产环境会自动启用uglifyjs对代码进行压缩

四、若是你用了extract-text-webpack-plugin，webpack4仍是支持的，extract-text-webpack-plugin版本要升级到4.0.0-beta.0，不过之后可能会迁移到mini-css-extract-plugin;有兴趣的能够本身换一下。
这个时候你打包的时候也可能会遇到一个报错： EnteryPoint:extract-text-webpack-plugin-file-output == undefined(大概是这么个错误)，并非webpack4不支持这个包了，
在config中加上：

stats: {
    children: false
  },

五、

这个报错的解决办法：

{
    test: /\.json$/,
    exclude: /node_modules/,
    type: 'javascript/auto',  // 加上type
    loader: 'json-loader'
},

我本身升级了这些：

大概就是这些吧，但愿我踩的这些坑对大家有些帮助