requirejs - 将 RequireJS Javascript 代码库缩小到单个文件

Question

我是 RequireJS 的新手，也许这是一个已经讨论过的问题，但我找不到明确的答案或意见。

我有一个使用 RequireJS 的应用程序。它有很多由 Require 加载的 JavaScript 文件，因为它们是需要的。按预期工作。

看着 Fiddler 检查员，我可以看到所有文件在应用程序启动时都已加载。我相信 Require 已经对所有对 JavaScript 文件的引用进行了深度遍历，并在开始时将它们全部加载。

如果这是它的工作方式，我相信最好生成一个文件，缩小它，然后使用<script>html 标签加载它。

如果我使用所有脚本生成一个文件，并预先加载它们，<script>RequireJS 会再次加载它们吗？

难道我做错了什么？

在生产环境中，什么是更好的解决方案？

提前致谢。

Answer 1

你想要的是RequireJS Optimizer。

优化器执行以下操作（来自文档）：

• 将相关脚本组合成构建层，并通过 UglifyJS（默认）或 Closure Compiler（使用 Java 时的选项）将它们缩小。
• 通过内联 @import 引用的 CSS 文件和删除注释来优化 CSS。

这是有关该主题的一篇文章，以供进一步参考。

还可以查看r.js包含优化器的命令行工具。使用r.js，您可以从应用程序文件生成优化的构建main.js，只需：

node r.js -o build.js

build.js包含您的构建配置文件（，等）的 requirejs 配置文件baseUrl在paths哪里。