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