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>