如何在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