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

mvb*_*ffa 24 requirejs

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

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

期待Fiddler检查员我可以看到应用程序启动时加载了所有文件.我相信Require已经对JavaScript文件的所有引用进行了深入遍历,并在开始时加载它们.

如果这是它的工作方式,我相信生成单个文件,缩小它并使用<script>html标记加载它会更好.

如果我使用所有脚本生成一个单独的文件,并预先加载它们,那么<script>RequireJS会再次加载它们吗?

难道我做错了什么?

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

提前致谢.

Chr*_*erg 17

你想要的是RequireJS Optimizer.

优化器执行以下操作(来自文档):

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

这是关于该主题的一篇文章,供进一步参考.

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

node r.js -o build.js
Run Code Online (Sandbox Code Playgroud)

这里build.js是一个requirejs配置文件包含您的构建配置文件(baseUrl,paths,等).