javascript - 如何使用 requirejs 优化目录中的所有 javascript 文件

标签 javascript requirejs

我有这样的文件夹结构:

.
├── autocomplete
│   ├── core.js
│   ├── search.js
│   └── user.js
├── build.js
├── collapsible_lists.js
├── griffgrabber
│   ├── canvasobject.js
│   ├── cargame.js
│   ├── car.js
│   ├── griffDrawer.js
│   ├── keylistener.js
│   ├── run.js
│   └── victim.js
├── main.js
├── newsfeed.js
├── require.js
├── shortcut.js
└── sidebar.js

3 directories, 20 files

main.js 是启动文件。该文件需要几个文件,但不是全部。其余文件包含在

<script>
    require(['shortcut'], function(shortcut){
        // ...
    })
</script>

在一些 html 文件中。

到目前为止,这是我的 build.js 文件:

{
    baseUrl: ".",
    name: "main",
    out: "main-built.js",
}

但它只包含main.js 所需的文件。是否可以一次优化所有 javascript 文件?

最佳答案

(扩展@Ryan Lynch 的建议):

根据文档使用 include 选项:

You can always explicitly add modules that are not found via the optimizer's static analysis by using the include option.

( http://requirejs.org/docs/optimization.html )

{
    baseUrl: ".", // ?
    appDir: ".", // ?
    dir: "output/",
    modules: [
        {
            name: "main",
            include: [ "shortcut" ]
        }
    ]
}

更详细的示例在优秀example.build.js (实际上我发现它比文档页面更有用)


(抱歉,没有时间正确复制和测试以确保路径值正确,我稍后会尝试并更新我的答案)

关于javascript - 如何使用 requirejs 优化目录中的所有 javascript 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16467619/

相关文章:

javascript - 使用 JSDoc 记录 Backbone 构造函数?

javascript - 需要js,必须引用所需对象两次

javascript - 如何避免每次调用一个方法

javascript - 在 Javascript 中制作原型(prototype)

javascript - 如果包含某些内容,请删除 HTML 表标签

更改功能上的 JavaScript 加载新站点

jquery-mobile - jquery mobile require.js 和主干

javascript - Jquery 脚本看不到 2 个 div 之间的区别

javascript - 原生 javascript 中 jQuery 函数的 after 和 before 等价于什么?

javascript - 在没有 jQuery 的 Backbonejs 中滑出