Catch

stylus安装与自动编译

介绍

stylus是一个css预处理框架。来自node社区,主要用来给node项目进行css预处理支持,但是也可以用作普通静态网页开发,stylus文件后缀是.styl。

stylus安装

npm i stylus -g

运行stylus -h可以获得相关的命令行支持

image.png

自动化编译

自动编译文件夹

下面命令-w是自动监视文件,-o是输出文件或目录位置,-c是压缩

stylus -w src/styl -o assets/css -c

自动编译文件

stylus -w src/styl/style.styl -o assets/css/style.css -c