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

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

猜你喜欢

转载自www.cnblogs.com/hou-yuan-zhen/p/11796493.html