如何使用systemjs加载CDN模块,但在Browserify中将其排除

时间:2015-08-17 14:13:25

标签: jquery cdn browserify systemjs

我想利用nodejs来开发遗留网站的前端部分(后端保留在PHP中)。传统上,index.html将加载

    来自CDN的
  • jquery
  • 来自其他CDN的某些第三方库。
  • 一些应用程序脚本
  • 如果第三方库依赖于jquery,那么它会在jquery
  • 之后加载

index.html 示例:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://cdn/thirdparty.depend.onjquery.js"></script>
<script src="bower_components/i18next/i18next.min.js"></script>

<script src="customer.js"></script>
<script src="profile.js"></script>
<script src="main.js"></script>

1)我想使用systemjs从CDN加载jquery

System.config({
    "main": "main",
    "map": {
        "jquery": "https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js",
    }
});

2)我想将所有 applicatif 脚本(不包括CDN中的脚本)捆绑到一个文件中+使用browserify / gulp

对其进行uglify

问题

1)如何配置system.js以便按照index.html中的正确顺序加载第三方库:即 必须在jquery

之前加载thirdparty.depend.onjquery.js

2)如何捆绑来自CDN customer.js的所有应用脚本(profile.jsmain.jsrequire('thirdparty.depend.onjquery.js')

我认为用例是安静的标准,但我没有找到任何示例项目。

1 个答案:

答案 0 :(得分:0)

截至我相信System.js v0.17.0(目前为0.19.6),您将使用meta:{}配置来建立这些依赖关系。

@see this