vue3.0配置less并使用全局变量

1.在项目中安装依赖

npm i less less-loader -s -D

2.在项目中安装配置依赖

npm i style-resources-loader vue-cli-plugin-style-resources-loader -s -D

3.写全局less

4.在vue.config.js中配置webpack 

const path = require('path')

module.exports = {
  pluginOptions: {
    'style-resources-loader': {
      preProcessor: 'less',
      patterns: [
        path.resolve(__dirname, './src/assets/styles/common.less')
      ]
    }
  }
}

5.在组件中直接引用即可