javascript - Requirejs 优化器 - 为站点的各个部分创建最小的脚本分组

Question

我正在使用 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

Answer 1

查看 modules在 requirejs 示例构建中

您可以设置一个包含所有共享脚本的公共(public)构建文件

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

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