vue3中全局引入less

1、安装less less-loader

yarn add less less-loader

2、安装style-resources-loader

yarn add style-resources-loader

3、安装vue-cli-plugin-style-resources-loader

yarn add vue-cli-plugin-style-resources-loader

4、配置vue.config.js

如果没有则新建vue.config.js

const path = require('path')
const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
    transpileDependencies: true,
    pluginOptions: {
        "style-resources-loader": {
            preProcessor: "less",
            patterns: [
            path.resolve(__dirname,'./src/assets/css/base.less')
            ]
        }
    }
})

4.1 base.less

@textColor: #99999;
@bgColor: #f2f3f4;
@lineHeight: 30px;
.textValue:{
    color: @textColor;
    line-height: @lineHeight;
}