stylus - 如何編譯stylus

Stylus

本章內容：

• 如何編譯stylus
• 如何監聽.styl文件有改動後自動編譯

如何編譯stylus

stylus stylus.styl -o style.css

首先創建好自己的項目文件夾，通過終端進入到新創建的文件夾，創建一個後綴名爲（.styl）輸入以上命令。

以我目錄爲例：

      我的目錄下有index.styl文件，我在終端輸入上述命令，將我的index.styl文件編譯並輸出到index.css文件。


如果每次修改文件我都要重新輸入一下命令行，那豈不是很麻煩。

下面是監聽.styl文件的方式。

如何監聽.styl文件有改動後自動編譯

stylus stylus.styl -o style.css -w

在這條命令當中只是多出了 -w的字段，他的意思是實時監聽。

Git圖示例：
     .styl文件更新並保存後，會自動重新編譯，並輸出如index.css文件內。