Tag: grunt

看了一下上次發文的時間都已經是兩個月前的事了,最近真的是忙到一種相當無力的境界(不過問題更大在於,感覺是瞎忙(冏)),在這週無意間逛回來這邊的時候,才下定決心一定要寫些什麼東西讓自己回神一下。(謎之音,不過其實沒產出的主要原因是,沒什麼有內容的東西可以寫 XD) 扯完前言之後(誤),稍微寫一下最近有機會碰到的狀況,順便提一下pkgcloud這個好東西。之前有提過grunt方便的工具,可以協助開發者自動執行一些重複性的工作,對於前端專案來說,做完例行的優化之後,最後應該就是要佈署到線上環境。現在雲端平台的提供者也是非常之多,有提供nodejs也不在少數,不過以往可能需要透過其他的工具來做(ex: s3cmd),不過就可能得用script之類來整合進grunt來使用(不過其實沒差多少)。 如果你對於nodejs有莫名偏執,堅持一定要全部js化,那pkgcloud就可以輕鬆達成你的心願(誰這麼無聊 XDD 這是由nodejs其中一個雲端服務平台-nodejitsu開源的一個工具。其實它們對於自家的平台,早就有類似的工具可以做這件事,不過pkgcloud不是只針對他們自己的平台而已,一些常見的服務商,都可以透過這個套件與各家溝通,雖然目前功能上還算非常陽春,不過如果拿來跟既有的grunt整合,我是覺得蠻合適的。 大概像這樣: 這範例就是把指定目錄下的檔案上傳到Amazon S3上面,我把它寫成grunt task的格式,所以可以直接用grunt deploy,配合設定檔就可以用了,…

之前有提過在因緣際會之下,踏入了另一個坑(誤),也因為這截然不同的工作性質,也開始遇到一些之前不曾想過的問題,這些問題也是因為JS在現今Web開發逐漸重要而伴隨而來的問題-optimization。 當然說最佳化其實是個很籠統的講法,因為對於網路服務來說,太多地 方會影響到使用者瀏覽的速度,所以,可以「最佳化」的部份也是多到一個不行 XD。不過這邊要講的是比較基本的應用(因為我也只會基本的而已...orz ),就是對於JS、CSS的處理,這也是開頭所提到因為網頁開發越來越講求使用者體驗、UI、瀏覽速度等等,所以更多的JS、CSS新功能被大量運用,連帶的讓JS、CSS大量成長,可能大家會覺得在怎樣也不過就是幾kb、甚至更誇 張一點到幾MB的檔案而已嘛,但是對於不同設備的使用者,可能就會造成明顯的差異(該死的mobile device...XD) 基於這個原因,目前對於網站會用到的一些資源(JS, CSS, Images等),都會先做最佳化(合併、壓縮)之後才會放到線上,這樣有助於提昇使用者瀏覽 的速度,當然這只是其中必須的工作之一,如果更嚴謹一點,你可能會希望先跑過JSLint或Testing,…