安装依赖
npm i style-resources-loader vue-cli-plugin-style-resources-loader -D
在vue.config.js文件里面配置
const path = require("path");
module.exports = {
pluginOptions: {
"style-resources-loader": {
preProcessor: "less",
patterns: [path.resolve(__dirname, "./src/assets/less/config.less")]
}
},
lintOnSave: true,
devServer: {
overlay: {
warnings: true,
error: true
}
}
};
使用
// config.less 内定义
@color_test: red;
// 组件内使用
color: @color_test;