vue-cli3 配置less全局变量

安装依赖包

npm i style-resources-loader -D

根目录 vue.config.js 

const path = require('path')

module.exports = {
    chainWebpack: config => {
        const types = ['vue-modules', 'vue', 'normal-modules', 'normal']
        types.forEach(type => addStyleResource(config.module.rule('less').oneOf(type)))
    }
}

function addStyleResource(rule) {
    rule.use('style-resource')
        .loader('style-resources-loader')
        .options({
            patterns: [path.resolve(__dirname, "./src/_theme.less")]
        })
}

配置好后，重跑一下项目，无需再引入less文件，可直接使用less文件内的变量等