如何在vue項目中使用stylus


  安裝步驟基於使用vue-cli創建的項目:

    創建完一個初始項目后,通過  npm  install  css-loader  style-loader -D

    再安裝stylus:通過     npm install stylus  --save-dev 
                npm install stylus-loader  --save-dev

    然后在build--->webpack.base.config.js中配置規則:

     {

        test: /\.css$/,

        loader:''style-loader!css-loader!stylus-loader'

      }

  可能完成上述步驟仍然會出錯:

    cannot find module  'stylus'

    原因是在webpack里面可能還是沒有正確安裝依賴,就再次安裝就好了;

      npm install stylus  --save-dev 
      npm install stylus-loader  --save-dev  

    再次運行項目的時候,就可以了;


免責聲明!

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



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