[es-dev-server]: Add context property that behaves like rollup's context option.

[jarrodek]

I am receiving an error in compatibility mode under IE11 (unfortunately I am being forced to add support for this):

TypeError: Cannot create property for a non-extensible object

I have traced this problem to the Marked library. This library is defined as follows:

(function (root) {
  var marked = ...

  if (typeof module !== 'undefined' && (typeof exports === "undefined" ? "undefined" : _typeof(exports)) === 'object') {
     module.exports = marked;
  } else if (typeof define === 'function' && define.amd) {
     define(function () {
       return marked;
     });
  } else {
     root.marked = marked;
  }
})(this || (typeof window !== 'undefined' ? window : global));

It looks like this is actually defined to an empty object when this code is executed but it never gets to be added to the DOM.

In my component that uses this library I am importing marked as:

import * as marked from 'marked/lib/marked.js';
if (!window.marked) {
  window.marked = marked;
}

It works for normal mode in a normal browser. When I am building the application I am using context property of rollup. It makes it work. However when I run the demo p[age in the compatibility mode and I open the demo page in IE11 nothing gets rendered.

So I am looking for an option similar to rollup's context that I can set to window and be happy again.

[LarsDenBakker]

This is an issue with the babel systemjs transform, I've filed an issue upstream: babel/babel#10775

You could monkey patch this with a responseTransformer in the meantime, let me know if you need any help with that.

[jarrodek]

I guess I will have to wait since I have about a 100 components that have this problem :)

[LarsDenBakker]

This will land in babel 7.8 babel/babel#10780