使用全局变量有 2 中方式
第一种,在需要使用变量的组件引入 变量文件
第二种, 使用vue-cli 插件,每个组件都注入 全局变量
使用 style-resources-loader 最简单的方法是使用 vue add style-resources-loader ,vue cli 会添加依赖并生成配置
如果不使用vue add ,自己引入的话,需要安装 vue-cli-plugin-style-resources-loader 依赖,也就是安装两个 style-resources-loader ,vue-cli-plugin-style-resources-loader。 style-resources-loader 是webpack 的一个loader,可以在webpack 打包环境注入全局变量, 在vue.config.js 中使用 vue-cli-plugin-style-resources-loader,简化配置。