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

    再次运行项目的时候,就能够了;

相关文章
相关标签/搜索