webpack3升级webpack4

cnpm i webpck@4 webpack-cli -D

cnpm i webpack-cli -D

cnpm update


npm WARN deprecated extract-text-webpack-plugin@3.0.2: Deprecated. Please use https://github.com/webpack-contrib/mini-css-extract-plugin
npm WARN deprecated browserslist@1.7.7: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.

删除
// "extract-text-webpack-plugin": "^3.0.2",
cnpm install mini-css-extract-plugin -D  //^0.8.0
 
升级 
webpack-dev-server
"webpack-dev-server": "^3.8.2"
 
  • rm -rf node_modules
  • rm package-lock.json
  • npm cache clear --force
  • npm install

Error: webpack.optimize.CommonsChunkPlugin has been removed, please use config.optimization.splitChunks instead.

升级

"vue-loader": "^13.0.5", =》 
"vue-loader": "^15.7.1",
 
vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin in your webpack config
 
const VueLoaderPlugin = require('vue-loader/lib/plugin')
plugins: [
  // make sure to include the plugin for the magic
  new VueLoaderPlugin()
],
 
升级
"babel-core": "^6.26.0",
"babel-loader": "^7.1.2",
"babel-plugin-import": "^1.7.0",
"babel-plugin-syntax-dynamic-import": "^6.18.0",
"babel-preset-env": "^1.6.0",
"babel-preset-stage-3": "^6.24.1",
=》
"babel-core": "^6.26.3",
"babel-loader": "^7.1.5",
"babel-plugin-import": "^1.12.2",
"babel-plugin-syntax-dynamic-import": "^6.18.0",
"babel-preset-env": "^1.7.0",
"babel-preset-stage-3": "^6.24.1",
 
file-loader:^2.0.0
webpack-cli:^3.1.2
webpack:^4.25.1
 
TypeError: CleanWebpackPlugin is not a constructor
Time: 9631ms
原文地址:https://www.cnblogs.com/zhoudawei/p/11633102.html