How to use System.js with CDN and local fallback?

Question

I ran jspm install angular and it installed it locally to my jspm_packages folder.

From code, I use regular ES6 imports like import angular from 'angular'.

What do I need to do in order to load angular from a CDN and fallback to a local version if the CDN is unavailable?

I don't think it's possible, at least not without doing it yourself somehow (effectively replacing SystemJS) — Amit, Jul 21 '15 at 20:16

Micah Zoltu · Accepted Answer · 2016-03-12T19:28:42.417

8

You can have different config.js files for development and production, where the production one gets angular from a CDN while development gets it locally. However, there is not (as far as I know) currently a way to have SystemJS try one source, then if that fails fallback to another source.

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

edited Mar 12 '16 at 19:28

answered Jul 22 '15 at 02:22

Micah Zoltu

6,764
5
44
72

1

Can you provide an example of what the config.js would look like pointing to a CDN? – Natan Jul 22 '15 at 12:19
Thanks. That doesn't solve the fallback issue, but gives me an idea of how it would work. – Natan Jul 23 '15 at 10:44
@Natan what did you figure out in the end, can you post? – Darren Apr 01 '16 at 02:33

Spidi · Answer 2 · 2015-08-31T16:43:11.177

0

I would you suggest to create an adapter module for angular:

local-repo/angular.js

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

Like this you can use your config file for deployment and production. In production you simply make sure that you load angular first:

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.5/angular.min.js"></script> systemjs code..

edited Aug 31 '15 at 16:43

answered Aug 31 '15 at 13:19

Spidi

138
2
5

How to use System.js with CDN and local fallback?

2 Answers2