less自动注入公用变量和混入

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

---

一、执行命令

vue add style-resources-loader

作用 ：让less文件自动注入到每一个vue组件中的style标签中
注意 ：有警告，输入y 回车

二、vue.config.js中配置

如果没有自动生成，就自己配置

const { defineConfig } = require('@vue/cli-service')
const path =rqquire('path')
module.exports = defineConfig({
  transpileDependencies: true,

  pluginOptions: {
    'style-resources-loader': {
      preProcessor: 'less',
      patterns: [
      //配置引入的文件，变量或混入文件，可以有多个
        path.join(__dirname,'./src/assets/styles/variables.less')
      ]
    }
  }
})