如何使用Browserify和Gulp启动多页面应用程序

好吧，我接近终点线，我用Gulp和Browserify构build了新的PHP / JS应用程序。 最后一部分是如何“开机”，我的意思是如何做“第一个电话”。

假设我有3个JS入口点

/js/articles.js /js/categories.js /js/comments.js 

他们每个人都使用一些JS模块。 然后我有3个HTML文件，需要他们的JS

 /articles.html /categories.html /comments.html 

例如/js/articles.js

 var $ = require("jquery"); var common = require("../common.js"); var viewModel = { readData: function() { /* read record from API and render */ }, insert: function() { /* open a modal to insert new record */ } }; 

我现在要做的就是执行这种“引导”：调用一些我需要的init函数，然后加载服务器数据，然后绑定所有的button和东西到viewModel的方法

 $(document).ready(function() { common.init(); viewModel.readData(); $('#btn-add').click(viewModel.insert); }); 

好的，但是我要把这个放在哪里呢？

A）在HTML文件？ 我不能因为我没有任何全球JS变种访问..

B）我把它放入articles.js？ 目前，我的Gulp任务将所有东西（articles.js，categories.js，comments.js，通用库）捆绑到一个bundle.js中。 如果我把它放到articles.js中，它会结束到bundle.js中。 因此，文章相关的启动东西将被称为“类别”页面。 这是错误的。

C）我应该将articles.js分成两个文件，一个包含viewModel定义，另一个做$（document）.ready的东西？但是我又如何访问正确的viewModel？

哪个是正确的解决scheme？

谢谢