摘要:為什么需要最近在寫一個模塊加載器,叫做。的目標就是為在使用開發是提供另外一種把模塊加載到瀏覽器端的選擇。示例中的代碼模塊都是使用規范編寫的,然后直接通過加載到瀏覽器端執行。歡迎意見和反饋,微博寸志
為什么需要 browserify-loader
最近在寫一個模塊加載器,叫做 browserify-loader。大名鼎鼎的 browserify 大家一定不陌生。 browserify-loader 的目標就是為在使用 browserify 開發是提供另外一種把 CommonJS 模塊加載到瀏覽器端的選擇。
有了 browserify-loader,開發時,無需再使用 watchify、browerify-middleware 這樣的工具來自動打包模塊,提供打包后的模塊服務。
browserify-loader 與 requirejs 或者 seajs 類似,但是:
與 Node 一樣,使用 Modules/1.1.1 規范
無需添加包裹函數 define()
兼容所有 npm 模塊,所有支持 CommonJS 的 bower 模塊,比如 underscore、backbone和 jQuery 等等。
快速入門 安裝使用 bower 或者 npm 安裝 browserify-loader:
$ npm install browserify-loader
在頁面中加入 browserify-loader.js 的引用,像下面這樣:
就這么簡單,接下來,browserify-loader 就會到當前的地址(location.origin)去尋找 package.json 進而加載 main 所指定的模塊,默認即 index.js 模塊。
可選的參數目前 browserify-loader 支持兩個參數,main 和 package:
main:入口模塊,就像 node app.js 中的 app.js
package:指定 browserify-loader 查找 package.json 的位置
示例注意,main 的優先級高于 package 的;如果你要使用參數,id="bl-script" 是必須的。
todomvc-in-bl 這個項目現在包含一個 Backbone 版 Todo 應用,就是基于 todomvc 的。示例中的代碼模塊都是使用 CommonJS 規范編寫的,然后直接通過 browserify-loader 加載到瀏覽器端執行。
歡迎意見和反饋,Github:@island205 微博:@寸志
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/85277.html
摘要:性能是的關鍵指標,但是從目前的測試來看,性能并不理想。提供了一個查看性能的接口,,調用這個接口,就可以看到各個模塊在各環節用時,以及總的性能比。 性能是 browserify-loader 的關鍵指標,但是從目前的測試來看,性能并不理想。 browserify-loader 提供了一個查看性能的接口,window.define.performance(), 調用這個接口,就可以看到各...
摘要:開始支持直接加載代碼了。新增了一個配置項即你的代碼中可能包含或者的源碼。比如你使用或者安裝的包是的,但是你項目使用的是,不用擔心,簡單的配置一下,輕松搞定。 browserify-loader 開始支持直接加載 CoffeeScript 代碼了。新增了一個配置項:extensions 即你的代碼中可能包含js或者coffee的源碼。比如你使用npm或者bower安裝的包...
摘要:,是一個模塊的加載器。旨在改善模塊化的開發。版本加入了對的支持,移除了對的支持。這次更新得益于這個項目,它提供了將代碼編譯為的功能。當然它還有更多豐富的功能。使用方法在標簽上指明支持的擴展名,比如和。這兩者都支持編寫代碼。 browserify-loader,是一個 CommonJS 模塊的加載器。旨在改善模塊化的開發。是 Browerify Work Flow 的補充。 0.5.0...
摘要:發布,沒有功能的更新,使用的特性替換掉了對和這兩個包的依賴。類庫的體積縮小了很多。下一步,打算提供插件模式,支持更多的可編譯為語言,也包括等。 browserify-loader 發布 0.3.0,沒有功能的更新,使用 ES6 的 Promise 特性替換掉了對 RSVP 和 EventEmmiter 這兩個 Node 包的依賴。類庫的體積縮小了很多。 下一步,打算提供插件模式,支持...
摘要:,是一個模塊的加載器。旨在改善模塊化的開發。提供了自定義模塊加載的接口便于你擴展,比如支持等等。 browserify-loader,是一個 CommonJS 模塊的加載器。旨在改善模塊化的開發。是 Browerify Work Flow 的補充。 0.4.1 修復了錯誤處理,開始支持加載 json 和 jsx 模塊。提供了自定義模塊加載的接口 registerExtension: ...
閱讀 1048·2021-11-22 15:33
閱讀 3357·2021-11-08 13:20
閱讀 1368·2021-09-22 10:55
閱讀 2053·2019-08-29 11:08
閱讀 771·2019-08-26 12:24
閱讀 3068·2019-08-23 17:15
閱讀 2225·2019-08-23 16:12
閱讀 1933·2019-08-23 16:09