2

我正在使用 requirejs 优化器,并且我有很多用于此 web 应用程序的 JavaScript 文件。我想创建单独的缩小脚本,为网站的某些部分分组脚本。

我的问题是:如何创建缩小的脚本组以及如何防止将脚本库(例如 JQuery)添加到这些已存在于 scripts.min.js 核心脚本中的模块组中?

({
    baseUrl: '../static/js',
    mainConfigFile: '../static/js/main.js',
    name: 'main',
    out: '../static/js/scripts.min.js',
    paths: {
        requireLib: 'vendor/require/require.min'
    },
    include: ['requireLib', '_core']
})

上面的当前设置添加了所有非嵌套需求以及 _core 模块中的所有脚本,并将它们组合起来创建一个对每个页面都必不可少的脚本。

现在我需要为搜索、用户管理等创建单独的缩小脚本我希望每个部分(包含许多文件)都有自己的缩小和连接脚本。

例如,用户管理页面将包含以下脚本:

    <script type="text/javascript" src="/static/js/scripts.min.js"></script>
    <script type="text/javascript" src="/static/js/user_management.min.js"></script>

我一直在关注本教程以使优化器运行:http ://www.youtube.com/watch?v=m6VNhqKDM4E

4

2 回答 2

1

查看requirejs 示例构建中的 模块

您可以设置一个包含所有共享脚本的通用构建文件

然后您可以为每个其他页面设置单独的模块

在构建文件中使用include[]并包含模块exclude[]

于 2013-10-13T19:01:19.080 回答
0

由于您将编译的脚本分成单独的文件,我猜您需要scripts.min.js充当跨多个页面的共享组件集。

如果是这样,您所描述的问题已在example-multipageexample-multipage-shim存储库中得到解决。它们由 RequireJS 创建者提供,非常简单。

这个问题及其接受的答案也是对 RequireJS 多页配置可用选项的重要参考。

于 2014-03-13T16:45:33.333 回答