Webpack 3.+ 升级 4.+ 操作 webpack4.44.2匹配的依赖版本号 (success)

npm uninstall webpack webpack-cli html-webpack-plugin

npm i webpack@4.16.5 webpack-cli@3.1.0 html-webpack-plugin@3.2.0 -D

npm run start

问题1、

问题2、

原因：webpack 与 webpack-dev-server 不匹配

问题3：

问题4

操作一大堆以后

发现大多数问题是犹豫版本不对造成的

更新前：
 "webpack": "^3.10.0",
 "html-webpack-plugin": "^2.30.1",
 "webpack-dev-server": "^2.9.5",
更新后版本：
  "webpack": "^4.44.2",
  "html-webpack-plugin": "^4.5.0",
  "webpack-dev-server": "^3.11.1"
 + "@webpack-cli/serve": "^1.5.2",
 +"uglifyjs-webpack-plugin": "^2.2.0",
 +"webpack-cli": "^3.3.5",

new webpack.optimize.CommonsChunkPlugin \ new webpack.optimize.UglifyJsPlugin webpack4 + 已废弃

更新后：

官网有详细参数解析
  optimization: {
    splitChunks: {
      chunks: 'async',
      minSize: 20000,
      // minRemainingSize: 0, 没有这个属性 参数 
      minChunks: 1,
      maxAsyncRequests: 30,
      maxInitialRequests: 30,
      enforceSizeThreshold: 50000,
      cacheGroups: {
        defaultVendors: {
          test: /[\\/]node_modules[\\/]/,
          priority: -10,
          reuseExistingChunk: true,
        },
        default: {
          minChunks: 2,
          priority: -20,
          reuseExistingChunk: true,
        },
      },
    },
    minimizer: [
      new UglifyJsPlugin({
        uglifyOptions: {
          warnings: false,
          output: {
            comments: false
          },
          compress: {
            drop_debugger: true,
            drop_console: true
          }
        }
      })
    ]
  }