前端靜態(tài)頁面快速迭代工具
時間：2023-07-21 12:00:01 | 來源：網(wǎng)站運營
時間：2023-07-21 12:00:01 來源：網(wǎng)站運營
前端靜態(tài)頁面快速迭代工具：在當代講究效率的時代，碼農(nóng)的開發(fā)效率也一定程度上決定了碼農(nóng)的價值。
你還在為開發(fā)一個官網(wǎng)而愁眉哭臉嗎？
你還在修改完 css 然后切回瀏覽器，重新刷新頁面嗎？
你還在被網(wǎng)絡請求太慢，資源太大下載不下來而懊惱嗎？
來吧，讓我來解決你的問題。
項目起因
由于目前的大部分官網(wǎng)類頁面都是全部的靜態(tài)頁面，作為一個項目來開發(fā)，選用一個注重數(shù)據(jù)等的框架是不靠譜的，那么這個時候就不許要用到純靜態(tài)開發(fā)了。
對于靜態(tài)頁面，工作量最大的莫過于--調(diào)樣式。
以前的開發(fā)模式：
修改css->切回瀏覽器，刷新頁面，不對->切回css文件，繼續(xù)修改->切回瀏覽器。刷新頁面.....
對于來回切換并且還要點擊按鈕刷新或者快捷鍵刷新的情況下，讓碼農(nóng)無故多消耗了時間，浪費了聲明。
項目目的
- 解決刷新問題，支持頁面自動刷新
- 支持樣式預處理
- 支持保存自動編譯，刷新頁面
- 支持項目資源壓縮，保證線上性能
為了實現(xiàn)這些，static-html-template就出現(xiàn)了。
目前支持
- 樣式預處理（less）
- 樣式文件打包、壓縮、瀏覽器私有前綴添加
- 保存less文件后，自動執(zhí)行打包，并刷新頁面
- 圖片壓縮、js壓縮、css壓縮、html壓縮
未來可能支持
- 命令行創(chuàng)建頁面，包括完成 html 、 less 文件，并完成相應的引用配置
- cli 操作方式，創(chuàng)建項目（已完成）
- GUI 操作界面，新建項目，管理項目，新增頁面等功能
2018-05-28新增：項目目前已支持 cli 操作，可以通過全局安裝 cli 工具進行項目的新建。
安裝 cli ：
> npm i -g sht-cli初始化項目：
> sht new根據(jù)提示輸入相應的名稱就可以創(chuàng)建項目了。
在線咨詢
