vue3用less

1.npm install less@3.9.0 less-loader@4.1.0 --save-dev (若npm install less less-loader --save-dev 报错 ：TypeError: this.getOptions is not a function)

2.npm i style-resources-loader --save-dev

3.若没有vue.config.js,在项目根目录创建vue.config.js，配置

const path = require('path')
function resolve (dir) {
  return path.join(__dirname, dir)
}
module.exports = {
   pluginOptions: { 
        'style-resources-loader': {
          preProcessor: 'less',
          patterns: [path.resolve(__dirname, './src/assets/css/base.less')] //全局less文件路径
        }
      }
  }

4.在全局less文件中写样式，在vue文件引用，若此刻报错less变量没有声明，下载：npm i vue-cli-plugin-style-resources-loader --save-dev