我想重构单页面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替换它吗?