将RequireJS Javascript代码库缩小为单个文件

Question

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

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

期待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是包含您的构建配置文件（baseUrl，paths等）的requirejs配置文件。