「Vue实践」项目升级vue-cli3的正确姿势

一. 原以为升级vue-cli3的路线是这样的：

• 创建vue-cli3项目，按原有项目的配置选好各项配置
  
• 迁移目录

src->src
static->public

• 对比新旧 package.json，然后yarn install，完毕。
  

然鹅… 运行项目，报错You are using the runtime-only build of Vue......：

然后去查了下旧项目的相关字眼文件：

噢，原来是vue-cli3的webpack相关文件都得自己写。于是乎根据官网的指引，在根目录创建了vue.config.js

此时粗略配置：

  chainWebpack: config => {
    config.module
      .rule('vue')
      .use('vue-loader')
      .loader('vue-loader')
      .tap(options => {
        options.compilerOptions.preserveWhitespace = false
        return options
      })
    config.resolve.alias
      .set('vue$', 'vue/dist/vue.esm.js')
      .set('@', resolve('src'))
  }

二. 此时勉强能跑起来，但后续遇到了这些坑：

#1 public 静态