vue stylus的安装使用

stylus的安装

（1）项目内安装stylus：npm install stylus -D

（2）项目内安装stylus依赖：npm install stylus-loader css-loader style-loader --save-dev 

（3）找到 webpack.base.conf.js 文件，并在其中的rules中写入配置：
    {
        test:/\.css$/,
        loader:'style-loader!css-loader!stylus-loader'
    }
（4）组件内部的style标签中加入： lang="stylus"

stylus使用

使用方式分两种：一种是在.vue文件的style块中使用，一种是引用.style文件的形式

写法：省略两个对称的大括号

<style lang="stylus" scope>
.box
  .boxSon
    display block
  .boxSon02
    border-color #EEF2F5
    span
      background #EEF2F5
      z-index -99
    p
      background #E9EaE3
      padding-bottom 2px
      font-size 14px
</style>