VUE-CLI3.x引入全局LESS文件裏的變量
1、首先安裝依賴
在命令行工具裏,執行以下命令,利用腳手架安裝依賴 less 和 less-loader
vue ui
2、使用vue安裝style-resources-loader,不是npm!!!
vue add style-resources-loader
完成結果如下:
3、修改根目錄 vue.config.js 的patterns參數
const path = require("path");
module.exports = {
pluginOptions: {
"style-resources-loader": {
preProcessor: "less",
patterns: [path.resolve(__dirname, "src/assets/theme.less")]
}
}
};