前端靜態頁面快速迭代工具

在當代講究效率的時代，碼農的開發效率也必定程度上決定了碼農的價值。

你還在爲開發一個官網而愁眉哭臉嗎？

你還在修改完 css 而後切回瀏覽器，從新刷新頁面嗎？

你還在被網絡請求太慢，資源太大下載不下來而懊惱嗎？

來吧，讓我來解決你的問題。

項目原由

因爲目前的大部分官網類頁面都是所有的靜態頁面，做爲一個項目來開發，選用一個注重數據等的框架是不靠譜的，那麼這個時候就不準要用到純靜態開發了。

對於靜態頁面，工做量最大的莫過於--調樣式。

之前的開發模式：

修改css->切回瀏覽器，刷新頁面，不對->切回css文件，繼續修改->切回瀏覽器。刷新頁面.....

對於來回切換而且還要點擊按鈕刷新或者快捷鍵刷新的狀況下，讓碼農無端多消耗了時間，浪費了聲明。

項目目的

• 解決刷新問題，支持頁面自動刷新
• 支持樣式預處理
• 支持保存自動編譯，刷新頁面
• 支持項目資源壓縮，保證線上性能

爲了實現這些，static-html-template就出現了。

目前支持

• 樣式預處理（less）
• 樣式文件打包、壓縮、瀏覽器私有前綴添加
• 保存less文件後，自動執行打包，並刷新頁面
• 圖片壓縮、js壓縮、css壓縮、html壓縮

將來可能支持

• 命令行建立頁面，包括完成 html 、 less 文件，並完成相應的引用配置
• cli 操做方式，建立項目（已完成）
• GUI 操做界面，新建項目，管理項目，新增頁面等功能

2018-05-28新增：

項目目前已支持 cli 操做，能夠經過全局安裝 cli 工具進行項目的新建。

安裝 cli ：

> npm i -g sht-cli
複製代碼

初始化項目：

> sht new
複製代碼

根據提示輸入相應的名稱就能夠建立項目了。