Javascript 从JS中组合JS

Javascript 从JS中组合JS,javascript,performance,requirejs,bundle,Javascript,Performance,Requirejs,Bundle,我有一个javascript库,供web客户端使用。该库有一个主JS文件和一堆其他支持文件,这些文件正由主JS使用。web客户端总是调用mainjs。 现在,我想在部署之前捆绑所有文件,并希望为了开发目的将它们分开。捆绑这些脚本的最佳方式是什么 如果您真的只想将这些文件捆绑到一个文件中,您只需使用部署脚本中的cat即可: MAIN=main.js PLUGINS=plugin1.js plugin2.js plugin3.js cat $PLUGINS $MAIN >bundle.js

我有一个javascript库,供web客户端使用。该库有一个主JS文件和一堆其他支持文件,这些文件正由主JS使用。web客户端总是调用mainjs。
现在,我想在部署之前捆绑所有文件,并希望为了开发目的将它们分开。捆绑这些脚本的最佳方式是什么

如果您真的只想将这些文件捆绑到一个文件中,您只需使用部署脚本中的cat即可:

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

您可以缩小主js文件以及它正在使用的所有其他js文件

尝试:

缩小会使其他人难以阅读或更改您的代码。性能也将得到提高。

RequireJS附带了一个用于解决优化RequireJS设置时出现的大多数问题的

例如,此配置会将整个应用程序捆绑到单个缩小的文件中:

({
    appDir: "../",
    baseUrl: "scripts",
    dir: "../../appdirectory-build",
    modules: [
        {
            name: "main"
        }
    ]
})
它读取
main
模块,查找所有依赖项,并将所有依赖项绑定到
dir
参数指定的目录中的文件中


使用什么配置实际上取决于每个项目的具体情况。将所有内容捆绑到一个文件中不一定是最好的方法,等等。我建议阅读优化器的文档,并在遇到问题时询问具体问题。

根据您的标签“为什么要捆绑?”?使用requirejs的全部意义在于,您只需要在需要时下拉所需的文件。如果有20个文件,我将类别划分为相关类别,并针对每个类别创建3-4个捆绑组。