stylus介绍
stylus是一个css预处理框架。来自node社区,主要用来给node项目进行css预处理支持
stylus文件后缀是 .styl
stylus安装
$ npm install -g stylus
运行stylus -h
可以获得相关的命令行支持
自动化编译
- 新建example文件夹
- 新建css文件夹
- 新建css/style.styl文件
- 打开命令行界面
example目录下输入 $ stylus --compress css/ (输出
compiled css/style.css
,这个时候表示你生成成功了,带上--compress
参数表示你生成压缩的CSS文件。)- css目录下输入 stylus -w style.styl -o style.css
-w 是自动监视文件 -o 是将编译后的CSS文件输出到指定文件中 - 在style.styl里面写内容,保存即可