Javascript 从JS中组合JS
我有一个javascript库,供web客户端使用。该库有一个主JS文件和一堆其他支持文件,这些文件正由主JS使用。web客户端总是调用mainjs。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
现在,我想在部署之前捆绑所有文件,并希望为了开发目的将它们分开。捆绑这些脚本的最佳方式是什么 如果您真的只想将这些文件捆绑到一个文件中,您只需使用部署脚本中的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个捆绑组。