主要应用到style-resources-loader
// 安装依赖
npm i style-resources-loader -dev
然后再添加
vue add style-resources-loader
安装过程中会让你选择选用哪项,这边选择less
然后在 vue.config.js中会自动生成一个配置 pluginOptions,配置一下自己的路径
module.exports = {
pluginOptions: {
'style-resources-loader': {
preProcessor: "less",
// 指定全局变量的less文件
patterns: [path.resolve(__dirname, "src/assets/less/theme.less")]
// injector: 'append'
}
},
}