transpile

.babelrc

@@ -0,0 +1,3 @@
+{
+  "presets": ["es2015", "es2016", "stage-2"],
+}

package.json

@@ -4,6 +4,11 @@
     "todomvc-app-css": "2.0.6"
   },
   "devDependencies": {
+    "babel-core": "6.13.2",
+    "babel-loader": "6.2.4",
+    "babel-preset-es2015": "6.13.2",
+    "babel-preset-es2016": "6.11.3",
+    "babel-preset-stage-2": "6.13.0",
     "eslint": "3.2.2",
     "eslint-config-kentcdodds": "^9.0.0",
     "ghooks": "1.3.2",

src/app.js

@@ -1,5 +1,3 @@
-'use strict'
-
 var View = require('./view')
 var helpers = require('./helpers')
 var Controller = require('./controller')

src/bootstrap.js

@@ -1,5 +1,3 @@
-'use strict'
-
 var app = require('./app')
 var helpers = require('./helpers')
 

src/controller.js

@@ -1,5 +1,3 @@
-'use strict'
-
 module.exports = Controller
 
 /**

src/helpers.js

@@ -1,15 +1,4 @@
-'use strict'
-
-module.exports = {
-  qs: qs,
-  qsa: qsa,
-  log: log,
-  $on: $on,
-  $delegate: $delegate,
-  $parent: $parent,
-  remove: remove,
-  leftPad: leftPad,
-}
+module.exports = {qs, qsa, log, $on, $delegate, $parent, remove, leftPad}
 
 // Get element(s) by CSS selector:
 function qs(selector, scope) {

src/model.js

@@ -1,5 +1,3 @@
-'use strict'
-
 module.exports = Model
 
 /**

src/store.js

@@ -1,5 +1,3 @@
-'use strict'
-
 module.exports = Store
 
 /**

src/template.js

@@ -1,5 +1,3 @@
-'use strict'
-
 module.exports = Template
 
 var htmlEscapes = {

src/view.js

@@ -1,5 +1,4 @@
 /* eslint no-invalid-this: 0 */
-'use strict'
 
 var helpers = require('./helpers')
 var qs = helpers.qs

webpack.config.babel.js

@@ -15,6 +15,11 @@ module.exports = env => {
       pathinfo: ifNotProd(),
     },
     devtool: ifProd('source-map', 'eval'),
+    module: {
+      loaders: [
+        {test: /\.js$/, loaders: ['babel'], exclude: /node_modules/},
+      ],
+    },
   })
   if (env.debug) {
     console.log(config)