diff --git a/.babelrc b/.babelrc
new file mode 100644
index 0000000..25f282a
--- /dev/null
+++ b/.babelrc
@@ -0,0 +1,9 @@
+{
+	"presets": ["@babel/preset-env"],
+	"plugins": [
+		"@babel/plugin-syntax-dynamic-import",
+		["@babel/plugin-transform-runtime", {
+			"useESModules": true
+		}]
+	]
+}
\ No newline at end of file
diff --git a/package.json b/package.json
index 9e7f3d2..d0cab6a 100644
--- a/package.json
+++ b/package.json
@@ -18,9 +18,15 @@
     "sirv": "^0.2.0"
   },
   "devDependencies": {
+    "@babel/core": "^7.0.0",
+    "@babel/plugin-syntax-dynamic-import": "^7.0.0",
+    "@babel/plugin-transform-runtime": "^7.0.0",
+    "@babel/preset-env": "^7.0.0",
+    "@babel/runtime": "^7.0.0",
     "chokidar": "^2.0.4",
     "npm-run-all": "^4.1.2",
     "rollup": "^0.65.0",
+    "rollup-plugin-babel": "^4.0.2",
     "rollup-plugin-commonjs": "^9.1.6",
     "rollup-plugin-loadz0r": "^0.3.0",
     "rollup-plugin-node-resolve": "^3.3.0",
diff --git a/rollup/client.config.js b/rollup/client.config.js
index 638a93b..c81dfab 100644
--- a/rollup/client.config.js
+++ b/rollup/client.config.js
@@ -2,11 +2,13 @@ import resolve from 'rollup-plugin-node-resolve';
 import replace from 'rollup-plugin-replace';
 import commonjs from 'rollup-plugin-commonjs';
 import svelte from 'rollup-plugin-svelte';
+import babel from 'rollup-plugin-babel';
 import { terser } from 'rollup-plugin-terser';
 import config from 'sapper/config/rollup.js';
 
 const mode = process.env.NODE_ENV;
 const dev = mode === 'development';
+const legacy = process.env.SAPPER_LEGACY_BUILD;
 
 export default {
 	input: config.client.input(),
@@ -23,6 +25,15 @@ export default {
 			hydratable: true
 		}),
 
+		legacy && babel({
+			extensions: ['.js', '.html'],
+			include: [
+				'app/**',
+				'routes/**'
+			],
+			runtimeHelpers: true
+		}),
+
 		!dev && terser({
 			module: true
 		})
diff --git a/routes/blog/index.html b/routes/blog/index.html
index f1c80ac..530a2ba 100644
--- a/routes/blog/index.html
+++ b/routes/blog/index.html
@@ -23,10 +23,9 @@
 
 <script>
 	export default {
-		preload({ params, query }) {
-			return this.fetch(`blog.json`).then(r => r.json()).then(posts => {
-				return { posts };
-			});
+		async preload({ params, query }) {
+			const posts = await this.fetch(`blog.json`).then(r => r.json());
+			return { posts };
 		}
 	};
 </script>
\ No newline at end of file