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>