ecmascript-6 - 如何将 System.js 与 CDN 和本地后备一起使用？

Question

我跑了jspm install angular，它在本地安装到我的 jspm_packages 文件夹中。

从代码中，我使用常规的 ES6 导入，例如import angular from 'angular'.

如果 CDN 不可用，我需要做什么才能从 CDN 加载 Angular 并回退到本地版本？

Answer 1

您可以有不同config.js的文件用于开发和生产，其中生产文件从 CDN 获取角度，而开发从本地获取。但是，目前（据我所知）没有一种方法可以让 SystemJS 尝试一个源，然后如果失败则回退到另一个源。

System.config({
    "map": {
        "jquery": "https://code.jquery.com/jquery-2.1.4.js"
    }
});

Answer 2

我建议您为 Angular 创建一个适配器模块：

本地仓库/angular.js

define(function() {
    return window.angular;
});

像这样，您可以使用配置文件进行部署和生产。在生产中，您只需确保首先加载角度：

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.5/angular.min.js"></script> 系统js代码..