include dynamic import syntax support

Author: guybedford

build-babel/jspm.config.js

@@ -17,6 +17,7 @@ SystemJS.config({
     "github:*/*.json"
   ],
   map: {
+    "babel-plugin-syntax-dynamic-import": "npm:babel-plugin-syntax-dynamic-import@6.18.0",
     "debug": "npm:debug@2.6.0",
     "babel-core": "npm:babel-core@6.21.0",
     "constants": "npm:jspm-nodelibs-constants@0.2.0",

build-babel/package.json

@@ -6,6 +6,7 @@
       "babel-helpers": "npm:babel-helpers@^6.3.13",
       "babel-plugin-check-es2015-constants": "npm:babel-plugin-check-es2015-constants@^6.3.13",
       "babel-plugin-external-helpers": "npm:babel-plugin-external-helpers@^6.3.13",
+      "babel-plugin-syntax-dynamic-import": "npm:babel-plugin-syntax-dynamic-import@^6.18.0",
       "babel-plugin-transform-es2015-arrow-functions": "npm:babel-plugin-transform-es2015-arrow-functions@^6.3.13",
       "babel-plugin-transform-es2015-block-scoped-functions": "npm:babel-plugin-transform-es2015-block-scoped-functions@^6.3.13",
       "babel-plugin-transform-es2015-block-scoping": "npm:babel-plugin-transform-es2015-block-scoping@^6.3.13",

build-babel/systemjs-babel.js

@@ -1,9 +1,10 @@
 import * as babel from 'babel';
 export { babel };
 
+import dynamicImportSyntax from 'babel-plugin-syntax-dynamic-import';
 import modulesRegisterPlugin from 'babel-plugin-transform-es2015-modules-systemjs';
 export let modulesRegister = {
-  plugins: [modulesRegisterPlugin]
+  plugins: [dynamicImportSyntax, modulesRegisterPlugin]
 };
 
 import externalHelpersPlugin from 'babel-plugin-external-helpers';
@@ -66,9 +67,9 @@ let es2015Plugins = [
 let regeneratorPlugin = [regenerator, { async: false, asyncGenerators: false }];
 
 export let presetES2015 = {
-  plugins: [...es2015Plugins, regeneratorPlugin]
+  plugins: [dynamicImportSyntax, ...es2015Plugins, regeneratorPlugin]
 };
 
 export let presetES2015Register = {
-  plugins: [...es2015Plugins, modulesRegisterPlugin, regeneratorPlugin]
-};
+  plugins: [dynamicImportSyntax, ...es2015Plugins, modulesRegisterPlugin, regeneratorPlugin]
+};

test/index.js

@@ -21,7 +21,7 @@ test('systemjs-plugin-babel', function (t) {
   // then
   .then(function(m) {
     return m.p().then(function (message) {
-      t.equal(message, 'Rocks :)');
+      t.equal(message, 5);
     });
   })
   .then(t.end, t.end);

test/manual.html

@@ -8,5 +8,5 @@
       },
       transpiler: 'plugin-babel'
     });
-    System.import('./manual.js').then(console.log.bind(console));
-  </script>
+    System.import('./testing-code.js').then(m => m.p()).then(console.log.bind(console));
+  </script>

test/manual.js

@@ -1,7 +1,3 @@
 export async function p() {
-  return await new Promise(function(resolve, reject) {
-    setTimeout(function() {
-      resolve('Rocks :)');
-    }, 0);
-  });
+  return (await import('./testing-dep.js')).p;
 }

test/testing-code.js

@@ -0,0 +1 @@
+export var p = 5;