requirejs

使用

<script src="http://apps.bdimg.com/libs/require.js/2.1.9/require.min.js"></script>
<script>
    requirejs.config({
        base: ".",
        paths: {
            'easyTpl': '../lib/easyTpl'
        }
    });

    // 加载入口模块
    requirejs(['amd-cmd-main']);
</script>
 <script data-main="scripts/main" src="scripts/require.js"></script>
main.js
 requirejs.config({
        base: ".",
        paths: {
            'easyTpl': '../lib/easyTpl'
        }
    });
//main.js通过require调用加载one.js,two.js和three.js:
require(["one", "two", "three"], function (one, two, three) {
  });

r.js

命令行参数可以与构建配置文件属性互换
您可以在命令行上指定选项:
node r.js -o baseUrl=. paths.jquery=some/other/jquery name=main out=main-built.js
或者在构建配置文件中。在build.js中,可以像这样指定相同的命令行参数:

({
    baseUrl: ".",
    paths: {
        jquery: "some/other/jquery"
    },
    name: "main",
    out: "main-built.js"
})

那么只需将构建配置文件的文件名传递给优化器:

node r.js -o build.js

命令行参数优先于生成配置文件设置,您可以将它们混合在一起:

node r.js -o build.js optimize=none

命令行参数语法有一个限制。点被视为对象属性分隔符,以允许paths.jquery=lib/jquery在优化器中将其转换为以下内容:

paths: {
   jquery: 'lib/jquery'
}

推荐阅读更多精彩内容

  • 背景 JavaScript这门脚本语言,相对于Python等确实比较简陋、甚至于丑陋。比如在代码文件管理、和模块管...
    王小筷_Cayla阅读 2,673评论 2 10
  • 作为刚刚入门前段的小白,前不久刚刚接触了js模块化的概念,从该开始写代码时的各种全局变量飞,到现在的封装模块,感觉...
    朱小维阅读 88评论 1 0
  • 题目1: 为什么要使用模块化? 最主要的目的:1.解决命名冲突2.依赖管理其他价值:1.提高代码可读性2.代码解耦...
    saintkl阅读 52评论 0 0
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 79,745评论 12 120
  • 示例代码地址 1.如下requirejs配置中, baseUrl 有什么作用?以什么作为基准? paths 的作用...
    candy252324阅读 357评论 0 0