jquery開發 css 自動刷新預覽 stylus編譯

今天須要作一個簡單的介紹展現頁面，無需webpack這類的腳手架，裝了兩個包就能開始開發了。

環境需求：

• 自動刷新
• 編譯css

使用兩個包就能夠了：
browsersync 監聽變更 自動刷新頁面
stylus 寫css一直比較喜歡這個css預處理框架，由於簡潔

---

安裝browsersync

安裝
npm install -g browser-sync

監聽文件
browser-sync start --server --files "css/*.css"
browser-sync start --server --files "**/*.css, **/*.html"
browser-sync start --server --files "css/*.css, *.html"

動態網站
// 主機名能夠是ip或域名
browser-sync start --proxy "主機名" "css/*.css"
browser-sync start --proxy "Browsersync.cn" "css/*.css"

安裝 stylus

npm install -g stylus

自動編輯
stylus -w css/style.styl -o css/

壓縮
stylus --compress css/