ambar · November 30, 2015 07:28 · Nov 30, 2015 · Nov 30, 2015
diff --git a/babel.sh b/babel.sh
@@ -0,0 +1,2 @@
+cp ./foo.es ./foo.js
+babel ./foo.js --preset es2015 --source-maps inline -o ./foo.js
diff --git a/foo.es b/foo.es
@@ -0,0 +1,2 @@
+class Foo {}
+debugger
diff --git a/foo.js b/foo.js
@@ -0,0 +1,11 @@
+"use strict";
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+var Foo = function Foo() {
+  _classCallCheck(this, Foo);
+};
+
+debugger;
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZvby5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0lBQU0sR0FBRyxZQUFILEdBQUc7d0JBQUgsR0FBRzs7O0FBQ1QsU0FBUSIsImZpbGUiOiJmb28uanMiLCJzb3VyY2VzQ29udGVudCI6WyJjbGFzcyBGb28ge31cbmRlYnVnZ2VyXG4iXX0=
diff --git a/index.html b/index.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Document</title>
+</head>
+<body>
+<script>
+var fetchScript = function(scriptUrl) {
+  fetch(scriptUrl)
+    .then(function(r) {
+      return r.text()
+    })
+    .then(function(r) {
+      // eval(r)
+      eval(r + '\n//# sourceURL=' + scriptUrl)
+    })
+}
+
+var loadScript = function(scriptUrl) {
+  var script = document.createElement('script')
+  script.src = scriptUrl
+  document.body.appendChild(script)
+}
+
+// var url = '/foo.js'
+var url = 'http://localhost:3000/foo.js'
+fetchScript(url)
+// loadScript(url)
+</script>
+</body>
+</html>
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		cp ./foo.es ./foo.js
		babel ./foo.js --preset es2015 --source-maps inline -o ./foo.js