browserify-loader 介绍

v1 发布于2019-08-21 10:18 / 665人阅读

摘要：为什么需要最近在写一个模块加载器，叫做。的目标就是为在使用开发是提供另外一种把模块加载到浏览器端的选择。示例中的代码模块都是使用规范编写的，然后直接通过加载到浏览器端执行。欢迎意见和反馈，微博寸志

为什么需要 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 微博：@寸志

海外云主机 GPU服务器自我介绍平台介绍相关介绍指令介绍

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/85277.html

browserify-loader 目前的性能

摘要：性能是的关键指标，但是从目前的测试来看，性能并不理想。提供了一个查看性能的接口，，调用这个接口，就可以看到各个模块在各环节用时，以及总的性能比。性能是 browserify-loader 的关键指标，但是从目前的测试来看，性能并不理想。 browserify-loader 提供了一个查看性能的接口，window.define.performance()，调用这个接口，就可以看到各...

qujian 2019-08-21 10:18 评论0 收藏0
browserify-loader 更新：支持CoffeeScript

摘要：开始支持直接加载代码了。新增了一个配置项即你的代码中可能包含或者的源码。比如你使用或者安装的包是的，但是你项目使用的是，不用担心，简单的配置一下，轻松搞定。 browserify-loader 开始支持直接加载 CoffeeScript 代码了。新增了一个配置项：extensions 即你的代码中可能包含js或者coffee的源码。比如你使用npm或者bower安装的包...

EscapedDog 2019-08-21 12:27 评论0 收藏0
browserify-loader 0.5.0 发布，支持 ECMAScript 6！

摘要：，是一个模块的加载器。旨在改善模块化的开发。版本加入了对的支持，移除了对的支持。这次更新得益于这个项目，它提供了将代码编译为的功能。当然它还有更多丰富的功能。使用方法在标签上指明支持的扩展名，比如和。这两者都支持编写代码。 browserify-loader，是一个 CommonJS 模块的加载器。旨在改善模块化的开发。是 Browerify Work Flow 的补充。 0.5.0...

lushan 2019-08-21 10:25 评论0 收藏0
browserify-loader 0.3.0 发布

摘要：发布，没有功能的更新，使用的特性替换掉了对和这两个包的依赖。类库的体积缩小了很多。下一步，打算提供插件模式，支持更多的可编译为语言，也包括等。 browserify-loader 发布 0.3.0，没有功能的更新，使用 ES6 的 Promise 特性替换掉了对 RSVP 和 EventEmmiter 这两个 Node 包的依赖。类库的体积缩小了很多。下一步，打算提供插件模式，支持...

Batkid 2019-08-21 10:23 评论0 收藏0
browserify-loader 0.4.1 发布

摘要：，是一个模块的加载器。旨在改善模块化的开发。提供了自定义模块加载的接口便于你扩展，比如支持等等。 browserify-loader，是一个 CommonJS 模块的加载器。旨在改善模块化的开发。是 Browerify Work Flow 的补充。 0.4.1 修复了错误处理，开始支持加载 json 和 jsx 模块。提供了自定义模块加载的接口 registerExtension: ...

RayKr 2019-08-21 10:23 评论0 收藏0