从JS内部组合JS

Question

我有一个javascript库，它被web客户端使用。这个库有一个主JS文件和一些其他支持文件，这些文件都是由主JS使用的。web客户端总是调用主JS。现在，我希望在部署之前将所有文件捆绑在一起，并希望将它们分开用于开发目的。捆绑这些脚本的最佳方法是什么？

Answer 1

RequireJS附带了一个优化器，该优化器旨在解决大多数与优化RequireJS设置有关的问题。

例如，这个配置会将整个应用程序绑定到一个缩小的文件中：

({
    appDir: "../",
    baseUrl: "scripts",
    dir: "../../appdirectory-build",
    modules: [
        {
            name: "main"
        }
    ]
})

它读取main模块，查找所有依赖项，并将所有依赖项打包到dir参数指定的目录中的文件中。

真正要使用的配置取决于每个项目的具体情况。将所有内容打包到一个文件中并不一定是最好的方法，等等。我建议阅读优化器的文档，并在遇到麻烦时询问具体问题。

Answer 2

如果您真的只是想将这些文件捆绑到一个文件中，那么只需使用部署脚本中的cat：

MAIN=main.js
PLUGINS=plugin1.js plugin2.js plugin3.js
cat $PLUGINS $MAIN >bundle.js

Answer 3

您可以将主js文件与它正在使用的所有其他js文件一起缩小。

尝试：缩小在线/在线Javascript封隔器

小型化将使其他人难以阅读或更改您的代码。此外，性能也将得到改善。