Question

我正在使用requirejs优化器，我有很多这个webapp的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

在requirejs示例构建

中查看modules

您可以设置包含所有共享脚本的公共构建文件

然后你可以为每个其他页面提供单独的模块

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

Answer 2

由于您将已编译的脚本分离为单独的文件，因此我猜您需要scripts.min.js作为多个页面的共享组件集。

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

此question及其接受的答案也是对使用RequireJS的多页配置可用选项的很好的参考。

Requirejs optimiser - 为站点的各个部分创建缩小的脚本分组

2 个答案: