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。

这是one article主题以供进一步引用。

另请参阅 r.js ，包含优化器的命令行工具。使用r.js，您可以从应用程序文件main.js生成优化的构建，只需:

node r.js -o build.js

其中 build.js 是一个 requirejs 配置文件，其中包含您的构建配置文件(baseUrl、paths 等)。