我们原先的项目是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
},
网友评论