升級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'
},

我本身升級了這些：

大概就是這些吧，但願我踩的這些坑對大家有些幫助