美文网首页
stylus_安装与自动编译

stylus_安装与自动编译

作者: f275edb871f8 | 来源:发表于2016-04-04 13:41 被阅读7761次

    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里面写内容,保存即可

    相关文章

      网友评论

          本文标题:stylus_安装与自动编译

          本文链接:https://www.haomeiwen.com/subject/qrnulttx.html