如何将项目的JavaScript加载模式转换为Browserify?

时间:2014-09-09 13:52:57

标签: javascript browserify browserify-shim

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

第一个脚本元素与生成的HTML内联。我们需要这样才能将Backend配置传递给JavaScript引擎。例如:

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

然后我们开始以可混合的方式从CDN和本地项目加载JavaScript文件(注意我们再次使用Backend变量来区分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替换它吗?

0 个答案:

没有答案