vue中less文件全局引用

1、先安裝sass-resources-loader

　　 npm install sass-resources-loader 

2、然后在build->utils.js修改less配置

　　在less后面加上

.concat(
    {
        loader: 'sass-resources-loader',
        options: {
            resources: path.resolve(__dirname, '需要全局引入的less的位置及文件名')
        }
    }
)

 

3、如果不止一個文件，就在后面繼續使用concat拼接

 

注意：如果是使用vue-cli3構建的環境

1、引入loader

vue add style-resources-loader

2、配置vue.config.js

// vue.config.js
const path = require("path");
module.exports = {
    pluginOptions: {
        "style-resources-loader": {
            preProcessor: "less",
            patterns: [path.resolve(__dirname, "less文件路徑")]
        }
    }
};