vue cli3如何引入全局less變量


最近在項目中需要寫一個全局的style.less,然后在各組件中可以直接調用;

1、在assets下創建一個less文件;

2、安裝style-resources-loader (npm i style-resources-loader --save-dev);

3、然后在vue.config.js里面配置一下

module.exports = {

   pluginOptions: {

     "style-resources-loader": { preProcessor: "less", patterns: [path.resolve(__dirname, "./src/assets/style.less")] }

   }

};

我以為這樣就可以了,然后直接在組件中使用全局less的變量,然后報了undefined的錯,上網查了一下還需要最后一步

4、安裝vue-cli-plugin-style-resources-loader,然后就可以了。

 

(如果你用的是vuecli3,那么直接安裝vue add style-resources-loader);這樣會自動安裝好plugin-style-resources-loader,就可以省去第四步了!!!!!!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM