Grunt requirejs 将 require 模块连接并 uglify 到一个文件答案

【问题标题】：Grunt requirejs concatenate and uglify the require modules to one fileGrunt requirejs 将 require 模块连接并 uglify 到一个文件
【发布时间】：2014-01-22 07:03:38
【问题描述】：

目前正在使用 grunt-contrib-requirejs 插件

optimize : 'uglify2'

但在该插件中找不到将文件连接到单个文件选项。如何添加或任何示例。我需要将所有 js 文件连接起来，然后将其 uglified 为一个文件，该文件必须在第一次加载时加载。

谢谢。

【问题讨论】：

我很难做到这一点。你成功了吗？我的情况和你差不多。我有一些文件需要连接，而另一些则不需要。其中一些必须像模块一样分组。使用 requirejs 中的模块选项根本没有帮助。
正如@Andrey Shustariov 所说，在构建配置中使用模块数组和目录字段而不是名称和输出字段是可能的，但是在构建需要模块本身时，一切都需要完成并且依赖项需要进行管理。稍后在 grunt 构建文件中，可以通过提及每个模块来根据我们的要求进行自定义的多个构建，例如模板集：templateA，templateB 等作为一个模块，templateC，templateD 不在 grunt build 下，templateF 和tempalteZ 作为另一个模块等，希望这能给你一个想法。

标签： javascript requirejs gruntjs grunt-contrib-requirejs

【解决方案1】：

这是样板文件repository，它完全符合您的需求。

【讨论】：

谢谢，但我希望将所需的 js 库、模板和自定义编写的库作为单独的文件，因此是否可以将单个文件分段并制作成三个或更多文件
存储库中提供了模板（请参阅 /src/hello/ 文件夹）。请澄清你所说的“碎片化”是什么意思？
按照上面的样板文件中的程序，并使用 grunt 构建了文件，它干净地连接和丑化了，但是如何在 html 页面的需要源数据主中引用它。引用优化文件显示对页面加载没有影响，控制台中也没有显示脚本错误..
从某种意义上说是分片，优化后的文件已经获得了requirejs配置中引用的所有JavaScript文件，但是有没有办法将模板（在我的情况下是.hbs车把模板文件）作为一个js 文件，以及 Jquery、twitter bootstrap 等库作为 js 文件和自定义编写的 JavaScript 应用程序 js 文件作为一个 js 文件。但是所有这些都应该在requirejsmainconfig中进行调制，这样的配置是否可用..
据我了解，您希望将不同部分的代码放在不同的模块中（而不是单个模块）。可以在构建配置中使用 modules 数组和 dir 字段而不是 name 和 out 字段