vue添加less全局样式

现在新建vue2项目会自动安装less和less-loader。再安装一个插件 sass-resources-loader

npm i sass-resources-loader --save-dev

vue.config.js中

module.exports = {
    ......
    chainWebpack: config => {
        const oneOfsMap = config.module.rule('less').oneOfs.store
        oneOfsMap.forEach(item => {
            item
                .use('sass-resources-loader')
                .loader('sass-resources-loader')
                .options({
                    resources: 'xxx/xxx.less'// 全局less文件的地址
                })
                .end()
        })
    }
    ......
}

在main.js中引入全局less文件

// 引入公共css
import "xxx/xxx.less";

参考了https://www.jianshu.com/p/79ec02d96c88