关于vuecli-全局引入less变量vue文件不在需要引入解决方案

一、直接用 vue-cli 创建的项目，你应该使用

• 1、vue add style-resources-loader
• 此命令会提示你可以选择安装 less，选择使用你需要的相关 css 也行

• 2、以上未成功可手动添加一下包

    yarn add style-resources-loader 
    yarn add vue-cli-plugin-style-resources-loader 
    or
    npm i style-resources-loader 
    npm i vue-cli-plugin-style-resources-loader 

• 3、项目根目录新建 vue.config.js
• 4、配置全局 less 变量，后期项目不在需要每个 vue 文件引入变量

//vue.config.js
const path = require('path');
function resolve(dir) {return path.join(__dirname, dir)
}

export defaults = {
    pluginOptions: {
            'style-resources-loader': {
                preProcessor: 'less',
                // 这里是你的定义的全局 less 变量
                patterns: [resolve('src/styles/shared/variables.less'),
                ]
            }
      }
 }