安裝依賴
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 內(nèi)定義
@color_test: red;
// 組件內(nèi)使用
color: @color_test;
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
