VUE-CLI3 引入全局LESS文件裏的變量

1、首先安裝依賴

在命令行工具裏,執行以下命令,利用腳手架安裝依賴 less 和 less-loader

vue ui

2、使用vue安裝style-resources-loader,不是npm!!!

vue add style-resources-loader

執行命令後,選擇Less

完成結果如下:
在這裏插入圖片描述

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")]
    }
  }
};
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章