0

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

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

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

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

<!-- 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>

有人可以给我一个关于如何转换这个项目的 JavaScript 加载模式以便用 Browserify 替换它的想法吗?

4

0 回答 0