将RequireJS Javascript代码库缩小到单个文件 [英] Minifying RequireJS Javascript codebase to a single file

问题描述

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

我有一个使用RequireJS的应用程序。它有许多JavaScript文件在需要时由Required加载。和预期的一样工作。

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

如果它是这样工作的，我认为生成单个文件、缩小它并使用<script>html标记加载它会更好。

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

我做错了什么吗？

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

提前感谢。

推荐答案

您需要的是RequireJS Optimizer。

优化器(从文档)执行以下操作：

• 将相关脚本组合到构建层中，并通过UglifyJS(默认值)或Close Compiler(使用Java时的一个选项)缩小它们。
• 通过内联@import引用的CSS文件并删除注释来优化CSS。

下面是该主题的one article以供进一步参考。

还可以查看r.js，它是包含优化器的命令行工具。使用r.js，您只需：

即可从应用程序文件main.js生成优化构建

node r.js -o build.js

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

这篇关于将RequireJS Javascript代码库缩小到单个文件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！