如何在vue項目中使用stylus

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

    建立完一個初始項目後,經過  npm  install  css-loader  style-loader -Dvue

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

    而後在build--->webpack.base.config.js中配置規則:web

     {vue-cli

        test: /\.css$/,npm

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

      }test

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

    cannot find module  'stylus'cli

    緣由是在webpack裏面可能仍是沒有正確安裝依賴,就再次安裝就行了;

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

    再次運行項目的時候,就能夠了;

相關文章
相關標籤/搜索