iT邦幫忙

鐵人檔案

第 11 屆 iThome 鐵人賽
回列表
Modern Web

試著把切版專案升級到 gulp4.0 吧 系列

現代前端與過去網頁開發最大的改變之一,就是前端工程化:像是追求一鍵完成圖片壓縮、開發中監控檔案改變並自動更新頁面…等自動化流程。而 gulp 在前端工程化的潮流中也(曾)扮演著重要角色。本系列文將嘗試把筆者過去的切版專案更新至 gulp 4.0,以便梳理過去對 gulp 的理解不足之處、與瞭解 gulp 4.0 的改變。

鐵人鍊成 | 共 36 篇文章 | 48 人訂閱 訂閱系列文 RSS系列文

[試著把切版專案升級到 gulp4.0 吧] Day31 邊開發邊看畫面變動:談 gulp.watch

邊開發邊看畫面變動:談 gulp.watch 想要達到邊開發邊看到畫面改動,有兩個比較重要的事情要做:一個是監控開發中的檔案是否有變動、另一個是建立一個暫時性的...

2019-10-17 ‧ 由 ayugioh2003 分享

[試著把切版專案升級到 gulp4.0 吧] Day32 邊開發邊看畫面變動:談 browserSync

邊開發邊看畫面變動:談 browserSync 前端開發時除了看程式碼外,當然也會想看到目前的界面長得怎樣以便調整:即時的畫面回饋,能讓開發更方便。而 brow...

2019-10-18 ‧ 由 ayugioh2003 分享

[試著把切版專案升級到 gulp4.0 吧] Day33 邊開發邊看畫面變動:如何一鍵預覽畫面、生成靜態檔案

邊開發邊看畫面變動:如何一鍵預覽畫面、生成靜態檔案 在過去幾天,gulpfile 中已經建立了很多 gulp task 能供 cli 使用。像是 ejs tas...

2019-10-19 ‧ 由 ayugioh2003 分享

[試著把切版專案升級到 gulp4.0 吧] Day34 邊開發邊看畫面變動:談 gulp-plumber

利用 gulp 來進行前端開發、執行預先定義好的 task 時,如果過程中有例外錯誤產生,原本正在 watch 檔案的執行程式會被中止。 不過,只要使用了 gu...

2019-12-30 ‧ 由 ayugioh2003 分享

[試著把切版專案升級到 gulp4.0 吧] Day35 佈署靜態網頁到 github pages

當網頁已經開發完成了,通常會想找個網路空間把網頁放上去,讓其他人輸入網址後就能在遠方看到網頁。網路雖然是自由的,但卻不是免費的,許多的網路空間都需要花錢錢才能使...

2019-12-30 ‧ 由 ayugioh2003 分享

[試著把切版專案升級到 gulp4.0 吧] DAY 36 完賽心得

雖然在 2019.12.26 的時候就三十天完賽了,還不小心撿到個人組佳作,但我沒有什麼完賽的實感,因為覺得當時系列文還沒寫完。今天總算是勉強補完了 orz 這...

2019-12-31 ‧ 由 ayugioh2003 分享