一. 安装
vue add style-resources-loader
二. 使用
安装完成后会自动生成一个 vue.config.js 文件
module.exports = {
pluginOptions: {
'style-resources-loader': {
preProcessor: 'less',
patterns: []
}
}
}
然后写入你css预处理器的文件
const path = require("path")
module.exports = {
pluginOptions: {
'style-resources-loader': {
preProcessor: 'less',
// 哪些文件自动引入, 使用绝对路径
patterns: [
path.join(__dirname, "./src/assets/style/mixins.less"),
path.join(__dirname, "./src/assets/style/variables.less"),
]
}
}
}
最后在你项目里正常使用css预处理就好了, 就不用每个页面都引入css预处理器的文件了