vuecli2升级至vuecli3

一. 卸载旧版本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 => { }
    },
};