一. 卸载旧版本vuecli与安装新版本vuecli
npm uninstall vue-cli -g
npm install -g @vue/cli
二.创建一个新的项目
vue create hello-world
三.正式开始改造
1. 直接复制替换src文件夹
2. 安装项目需要的依赖 (可以将原来package.json dependencies下需要的直接复制过来,然后运行cnpm i)【注意devDependencies中有可能还有一些依赖】
3. 安装完后运行npm run serve
4.static中文件移入public
5.创建一个vue.config.js
module.exports = {
//打包的基本路径
baseUrl: './',
//打包后文件名
outputDir: 'njDist',
//px转rem用到
css: {
loaderOptions: {
css: {},
postcss: {
plugins: [
require('postcss-px2rem')({
remUnit: 37.5
})
]
}
}
},
//cdn引入的
configureWebpack: {
externals: {
'vue': 'Vue',
'vue-router': 'VueRouter',
'mint-ui': 'MINT',
"BMap": "BMap",
'vuex': 'Vuex'
}
},
//启动配置
devServer: {
open: process.platform === 'darwin',
port: 8882,
https: false,
hotOnly: false,
proxy: null, // 设置代理
before: app => { }
},
};