提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档
一、执行命令
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')
]
}
}
})