老vue项目升级到webpack4.x

vue项目升级到webpack4.x
有些老项目在开发了一段时间之后会出现项目越来越慢， 以及打包时间过长， 加载时间变成等问题，
如果我们将项目中的webpack升级到4.x项目的性能至少可以提升百分之六十
第一步骤：删除 build/config
第二步：package.json
“scripts”: {
“dev”: “vue-cli-service serve”,
“build”: “vue-cli-service build”
},

“webpack”: “^4.3.0”,

npm install

执行

 npm run dev 

出现错误：
‘vue-cli-service’ 不是内部或外部命令，也不是可运行的程序
或批处理文件。

执行：

npm i @vue/cli-service

安装成功:执行

npm run dev 

出现错误：
Error: Cannot find module ‘webpack/lib/RequestShortener’

npm install webpack --save-dev // 安装成功之后，会有提示再安装一遍 webpack-cli

npm install webpack-cli --save-dev

继续执行：
npm run dev

出现错误：
Module build failed (from ./node_modules/vue-loader/index.js): TypeError: Cannot read property ‘vue’ of undefined

把node_modules 删除之后，输入以下命令(一定这个顺序)：

1 npm install vue-template-compiler -D

2 npm install

3 npm run dev

出现错误：

• [email protected] (D:\workspace\smr\node_modules\vue\dist\vue.runtime.common.js)
• [email protected] (D:\workspace\smr\node_modules\vue-template-compiler\package.json)

This may cause things to work incorrectly. Make sure to use the same version for both.
If you are using vue-loader@>=10.0, simply update vue-template-compiler.
If you are using vue-loader@<10.0 or vueify, re-installing vue-loader/vueify should bump vue-template-compiler to the latest.

将
“vue-template-compiler”: “^2.6.1”,
“vue”: “^2.6.1”,
版本保持一致 删除node——mode 重新安装 并运行

至此项目升级完成.