如何使用Browserify和页面特定的documentReady函数构造Javascript

如何使用Browserify和页面特定的documentReady函数构造Javascript,javascript,browserify,Javascript,Browserify,我正在从事一个NodeJS web项目,并使用browserify作为依赖项加载程序。现在,我只有一个文件app.js,其中定义了所有的浏览器功能,还有一个将其浏览到app-bundle.js的grunt过程 我正在寻找将js构造成与browserify没有严格关系的不同文件的建议 我的想法是继续使用我所有页面中包含的一个主js app.js>app-bundle.js文件,在其中我需要所有其他辅助文件,如ui.js、common.js、page1.js、page2.js等 我最大的疑问是关于页

我正在从事一个NodeJS web项目,并使用browserify作为依赖项加载程序。现在,我只有一个文件app.js,其中定义了所有的浏览器功能,还有一个将其浏览到app-bundle.js的grunt过程

我正在寻找将js构造成与browserify没有严格关系的不同文件的建议

我的想法是继续使用我所有页面中包含的一个主js app.js>app-bundle.js文件,在其中我需要所有其他辅助文件,如ui.js、common.js、page1.js、page2.js等

我最大的疑问是关于页面特定的函数,比如说我有一个函数可以启动一个图像库initGallery,它只能在我的一个页面上调用documentReady


我应该如何构造我的js,以便只在需要它的页面上调用此函数?

您可以将公共依赖项放在一个包中,公开它们。请参见b.require…,{expose:…}并加载该函数和特定于每个页面的脚本。另请参见factor bundle。

为什么不创建特定于页面的bundle呢?因为在这种情况下,我应该在每个页面上使用不同的绑定。我认为对于所有的站点页面只包含一个js包是很好的。将不必要的代码加载到所有页面中不是很有效。你能在回答中添加一些细节吗?也许举个例子吧