如何转换项目'；要浏览的JavaScript加载模式？

我想重构一个单页web应用程序项目，以使用Browserify作为其JavaScript加载模式。我已经研究了Browserify，但仍有一些问题我不知道如何解决。请允许我描述我要重构的项目中使用的JavaScript加载模式

第一个脚本元素内联到生成的HTML。我们需要它，以便将后端配置传递给JavaScript引擎。例如：

<script type="text/javascript">
var OUR_COMPANY = {
  settings: {
    user: '${user}'
  }
};
</script>

var我们的公司={
设置：{
用户：“${user}”
}
};

然后，我们开始以混合方式从CDN和本地项目加载JavaScript文件（请注意，我们再次使用后端变量来区分JavaScript文件的位置）：

...
...

---

有人能告诉我如何转换这个项目的JavaScript加载模式，以便用Browserify替换它吗？

我在这里自己做了：并且-你可以检查一下灵感。然而，魔鬼细节和第三方库可能需要一些工作来实现Browserify兼容性。谢谢@Mikkoohtama，我会检查一下，然后给你回复。问：你说的“魔鬼”是什么意思？大多数JavaScript库都是垃圾，当你在文本编辑器中打开它们时，你想逃跑，而不是修复它来处理commonJS加载。

<!-- resURL means CDN -->
<script type="text/javascript" src="${properties.resURL}/js/jquery/jquery-2.0.3.min.js"></script>
...
<!-- managerURL means local project -->
<script type="text/javascript" src="${properties.managerURL}/js/the_project/grids/InlineEdits.js"></script>
...
<script type="text/javascript" src="${properties.resURL}/js/jquery/plugin/jqgrid/v4.6.0/js/jquery.jqGrid.m1.min.js"></script>