stylus_安装与自动编译

stylus介绍

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

stylus安装

$ npm install -g stylus

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

stylus.png

自动化编译

  1. 新建example文件夹
  2. 新建demo.stly文件
  3. 新建/example/dist文件夹
  4. 打开命令行界面
  5. 输入 stylus -w demo.styl -o dist
    -w 是自动监视文件 -o 是将编译后的CSS文件输出到指定文件中
  6. 在demo.styl里面写内容,保存即可
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容