隨著網頁前端的技術發展,原始碼編譯、圖片最佳化、壓縮合併、內容代換、語法檢查、程式測試等等工作不斷地在我們的開發流程中出現,但是一樣一樣執行又要搭配不同的狀況來組合,實在讓人感到麻煩,幸好前端的工具也發展得很快,已經有成熟的解決方案可以來處理這些過程,Grunt就是這樣的一個方便的任務執行框架,讓你可以自動化執行這些繁瑣的開發工作。
繼續閱讀 Grunt──網站開發的自動化任務執行工具
標籤:javascript
Upgrade to RequireJS 2.0 and almond 0.1
前陣子RequireJS升級到2.0了,所以來記述一下相關的做法。
由更新說明文件 Upgrading to RequireJS 2.0 上可以知道,2.0版最重大的變化就是 shim 這項設定,大大提升引入不支援AMD定義的模組方便性,以下開始講解前篇文章的範例該如何做升級修改。
繼續閱讀 Upgrade to RequireJS 2.0 and almond 0.1
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來壓縮打包這些模組成單一檔案,以便在實際網站上線環境佈署。
繼續閱讀 Use RequireJS Optimizer to deploy Backbone project