Categories
通風報信

Grunt──網站開發的自動化任務執行工具

GRUNT
GRUNT

隨著網頁前端的技術發展,原始碼編譯、圖片最佳化、壓縮合併、內容代換、語法檢查、程式測試等等工作不斷地在我們的開發流程中出現,但是一樣一樣執行又要搭配不同的狀況來組合,實在讓人感到麻煩,幸好前端的工具也發展得很快,已經有成熟的解決方案可以來處理這些過程,Grunt就是這樣的一個方便的任務執行框架,讓你可以自動化執行這些繁瑣的開發工作。

Categories
通風報信

Upgrade to RequireJS 2.0 and almond 0.1

前陣子RequireJS升級到2.0了,所以來記述一下相關的做法。
由更新說明文件 Upgrading to RequireJS 2.0 上可以知道,2.0版最重大的變化就是 shim 這項設定,大大提升引入不支援AMD定義的模組方便性,以下開始講解前篇文章的範例該如何做升級修改。

Categories
通風報信

Use RequireJS Optimizer to deploy Backbone project

此篇範例不適用於RequireJS 2.0,請參考後篇文章

如果有用Backbone在寫網頁的人,應該都會看過有人拿RequireJS來做Asynchronous Module Definition(AMD)把Backbone的Model、View、Cellection還有Router等等都拆開成獨立的Module檔案,這篇文章主要就是要講解如何用RequireJS提供的Optimizer,也就是r.js來壓縮打包這些模組成單一檔案,以便在實際網站上線環境佈署。