stylus介紹
stylus是一個css預處理框架番甩。來自node社區(qū)马靠,主要用來給node項目進行css預處理支持
stylus文件后綴是 .styl
stylus安裝
$ npm install -g stylus
運行stylus -h
可以獲得相關的命令行支持
自動化編譯
- 新建example文件夾
- 新建demo.stly文件
- 新建/example/dist文件夾
- 打開命令行界面
- 輸入 stylus -w demo.styl -o dist
-w 是自動監(jiān)視文件 -o 是將編譯后的CSS文件輸出到指定文件中 - 在demo.styl里面寫內(nèi)容仰禽,保存即可