vue-cli中使用全局less變量

1、執行 vue add style-resources-loader 命令，選擇less

 

2、在 vue.config.js中添加配置，注意將路徑更改為自己存放less變量文件的地址

// 全局使用less變量
pluginOptions: {
    'style-resources-loader': {
        preProcessor: 'less',
        patterns: [
            path.resolve(__dirname, 'src/assets/css/variable.less')
        ]
    }
}

3、定義變量后直接使用