Melchior.js

JavaScript 模块加载器
授权协议 MIT
开发语言 JavaScript HTML/CSS
所属分类 Web应用开发、 常用JavaScript包
软件类型 开源软件
地区 不详
投 递 者 司寇阳朔
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

Melchior.js 是一个模式加载器,提供通过链式模块定义的API,让你可以远离那些长长的AMD定义和重复的模块名。它起步非常容易,定制方便,而且压缩版只有3KB。

在线演示

示例代码:

// create modulemelchiorjs.module('yourModule')// define dependencies.require('dependencyUno')
.require('dependencyDuo', 'duo')// define module body.body(function () {    // `dependencyUno` is available here!
    dependencyUno.doSomething();    // aliased `dependencyDuo` is available as `duo`!
    duo.doSomething();    // return methods for other modules
    return {
        method: function () { ... },
        anotherMethod: function () { ... }
    };
});

配置:

melchiorjs.config({
    paths: {        'jQuery': 'path/to/jquery',        'underscore': 'path/to/underscore',        'myModule': 'path/to/myModule'
    },    // provide shim to non-melchior modules if needed
    // declare globals returned by libraries and deps
    shim: {
        underscore: {
            exports: '_'
        }
    }
});

支持的浏览器:

Chrome Firefox IE Opera Safari
1+ ✔ 2+ ✔ 8+ ✔ 10+ ✔ 3+ ✔

 

 相关资料
  • 模块是存在远程服务器上的,因此需要一个特殊的加载器来加载这些已经定义好的模块。 目前,根据模块化规范,对应的模块加载器有: CMD 直接执行:coolie.js 直接执行:Sea.js 链接: 如何实现一个 CMD 模块加载器 sea.js 与 RequireJS 的异同 AMD 直接执行:RequireJS。 链接: Javascript模块化编程(一):模块的写法 Javascript模块化编

  • 模块加载和依赖管理 综合学习: 用 Browserify 创建 JavaScript 模块 [watch][$] Webpack 基本原理 [watch] browserify-handbook [read] ES6 模块 [read] 参考/文档: browserify system.js webpack 译者补充: React Webpack cookbook 详解前端模块化工具-Webpac

  • 为了显示这种关系,让我们开始定义一个简单的模块,作为我们的示例应用程序的根模块。 app/app.module.ts 到目前为止,这是一个非常常见的模块,依赖于,有一个路由机制和两个组件:AppComponent和EagerComponent。 现在,让我们专注于定义导航的应用程序(AppComponent)的根组件。 app/app.component.ts import { Component

  • 不管是用import还是用from mmmm import *的方式导入模块,当程序运行之后,回头在看那个存储着mmmm.py文件的目录中(关于mmmm.py文件可以看上一讲),多了一个文件: qw@qw-Latitude-E4300:~/Documents/ITArticles/BasicPython/codes$ ls mmm* mmmm.py mmmm.pyc 在这个目录下面,除了原来的

  • 模块/包加载工具 SystemJS webpack Broeserify rollup.js

  • 模块加载器指的是coolie.js,在浏览器中使用。 coolie.config() 配置模块加载器的各项参数,详细文档点这里。 coolie.use([moduleId]) 执行模块加载器。其中入口模块 id 可以省略,由 html 里的data-main属性指定,指定入口模块常用于单元测试。 coolie.use('path/to/app.js'); 通常,一个模块加载的配置文件如下: co

  • 使用 ➜ coolie init -j ╔══════════════════════════════════════════════════════╗ ║ coolie@1.0.22 ║ ║ The front-end development builder. ║ ╚══════

  • 我对RequireJS非常陌生,在编写QUnit到源代码时遇到了困难,源代码具有使用RequireJS动态加载模块的逻辑。 下面是源代码:factory/Factory.js * 运行 QUnit 时,模块“page/something”永远不会加载,并且永远不会调用回调。我在这里错过了什么吗?感谢您的回复。 **QUnit工厂/FactoryTests.js* *test-require-con