Stylus学习笔记

stylus介绍

stylus是一个css预处理框架。来自node社区，主要用来给node项目进行css预处理支持 stylus文件后缀是 .styl

安装

$ npm install -g stylus
复制代码

编译

手动生成

stylus --compress [当前目录下待编译的文件位置]
复制代码

例如：stylus --compress src/

自动化生成

1.进入当前目录下待编译的文件位置 （例如：cd src）

2.在当前文件位置输入

stylus -w [监视文件名].styl -o [生成文件名].css
-w 是自动监视文件 -o 是将编译后的CSS文件输出到指定文件中
复制代码