美文网首页
升级项目到vue-cli3

升级项目到vue-cli3

作者: 风间澈618 | 来源:发表于2019-04-12 15:44 被阅读0次

    我们原先的项目是webpack2
    1.用vue-cli3构建好项目后,把原项目的src复制过去,static里的文件放到public里面
    2.安装package.json里的依赖,我是一个一个插件安装的,没有整个复制package.json,因为有的vue-cli3构建的可能并不需要了,而且有的依赖也有新的版本了,不指定
    版本的话,默认是最新的
    3.升级element ui 2.6需要vue2.5配合, scope改成 slot-scope
    4.我们之前项目里有lodash 和express这两个依赖,也要安装上
    5.别名alias要根据之前的也修改,在根目录新建vue.config.js
    6.跨域代理也在vue.config.js里面,注意一下 pathRewrite的问题
    7.有一个报错是和这个有关,错误没有记录,就是设置 alias时 这个.set('vue$', 'vue/dist/vue.esm.js')要设置
    8.如果有通过 require 引入组件的话,全部改为 require(xxx).default
    如果有异步引入组件的话,全部更新为动态 import 方式,() => import(xxx)
    9.eslint的问题,在vue-cli3初始化时,有一个选项是开启eslint,然后在网上看到说有个.eslintrc.js ,但是并没有,于是全局安装了一个eslint ,在eslint --init 于是出现了,后面
    发现eslint的配置是在package.json里面
    10 打包的话,vue.config.js有设置

       lintOnSave: true,
      publicPath: './',
      productionSourceMap: false,
      assetsDir: 'static',
      outputDir: 'dist',
      // 让样式找到源
      css: {
        sourceMap: true
      },
    

    相关文章

      网友评论

          本文标题:升级项目到vue-cli3

          本文链接:https://www.haomeiwen.com/subject/zuicwqtx.html