（二）Stylus简介及在vue中使用

stylus

stylus简介

Stylus是一个CSS预处理器。因为Stylus是来源于Node.js社区，与js关系密切，所以基于Vue.js的开发，我们选择使用Stylus。
Stylus可以做到css样式层级显示，更好的编译和维护。

配置Stylus环境

安装：命令行中打npm install stylus stylus-loader --save-dev

在.vue文件的style块中使用

这个很简单，只要在style标签加上lang="stylus"就可以了

<style lang="stylus"> </style>

外部引用.style文件

<style lang="stylus"> 
   @import "assets/base.style";
   #app {  
        font-family: 'Avenir', Helvetica, Arial, sans-serif; 
         -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;  
          color: #2c3e50;
     }
</style>