如何在vue项目中使用stylus

心已入冬 提交于 2020-11-30 23:44:22

  安装步骤基于使用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  

    再次运行项目的时候,就可以了;

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!