VUE3.0升级与配置（跨域、全局scss变量等）

1.检查本机vue版本

vue -V

2.升级vue3.0命令

npm install -g @vue/cli

3.创建完项目后，在项目根目录新增vue.config.js文件，插入代码（简洁）

 module.exports = {
   runtimeCompiler: true, //是否使用包含运行时编译器的 Vue 构建版本
   publicPath: '',
   productionSourceMap: false, //不在production环境使用SourceMap
   devServer: {
     //跨域
     port: 9527, // 端口号
     open: true, //配置自动启动浏览器
     proxy: {
       // 配置跨域处理 可以设置多个
       '/api': {
         target: 'xxxx',
         ws: true,
         changeOrigin: true
       }
     }
   }
 }

4.设置scss/sass全局变量

 module.exports = {
   // ...
   css: {
     loaderOptions: {
       sass: {
         data: `
           @import "@/assets/styles/_variable.scss"; // 路径自配
         `
       }
     }
   }
 }

官网配置地址：https://cli.vuejs.org/zh/config/#vue-config-js

需要注意的是，baseUrl从 Vue CLI 3.3 起已弃用，需要使用publicPath。