1、安装 style-resources-loader,并选择想要使用的语言(本项目中使用less)
vue add style-resources-loader
安装完成后,style-resources-loader 和 vue-cli-plugin-style-resources-loader 会被自动添加到 package.json 的开发环境依赖;并且会在 vue.config.js 中生成如下配置。
2、配置 vue.config.js
// vue.config.js
const path = require("path");
module.exports = {
//...
pluginOptions: {
'style-resources-loader': {
preProcessor: 'less',
patterns: [
path.resolve(__dirname, './src/style/theme.less')
]
}
}
}