VUE-CLI3全局引入less的變量

VUE-CLI3全局引入less的變量

首先確定是vue-cli3.x而不是2.9.x,我昨天就被這個給坑了,
其實這個東西也簡單,用style-resources-loader來處理就OK了

vue add style-resources-loader

安裝完成後選擇less預處理器,他會在vue.config.js代碼中生成

pluginOptions: {
     'style-resources-loader': {
       preProcessor: 'less',
       patterns: [
       // 下面這段是自己加的,根據自己文件的位置來修改
           path.resolve(__dirname, "src/assets/css/global.less")
       ]
     }
   }

如果你能成功安裝那麼你就跳過後面這段話
本人在安裝的時候裝不了,暫時不知道原因,才疏學淺,有知道的大佬說下
在這裏插入圖片描述
我是直接去他報錯的源文件修改的源代碼
在這裏插入圖片描述
等安裝成功後我再把這段話給刪掉。。。投機取巧。。。。。。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章