vue中less引入全局样式

安装sass-resources-loader插件

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

定义全局less文件 目录（src/style/common.less）

创建vue.config.js文件(如果没有的话)

module.exports = {
    chainWebpack: config => {
        // 如果你使用的是sass，则此处应该为
        // const oneOfsMap = config.module.rule('sass').oneOfs.store
        // 依此类推，其他的比如stylus等一样用法
        const oneOfsMap = config.module.rule('less').oneOfs.store
        oneOfsMap.forEach(item => {
            item
                .use('sass-resources-loader')
                .loader('sass-resources-loader')
                .options({
                    // 这里填入你的样式文件地址
                    resources: './src/style/common.less'
                })
                .end()
        })
    }
}