feat($build): Replace babel presets with babel-preset-env and upgrade webpack-dev-server

Author: halfzebra

config/webpack.config.dev.js

@@ -74,10 +74,24 @@ module.exports = {
         exclude: [/elm-stuff/, /node_modules/],
         loader: require.resolve('babel-loader'),
         query: {
+          // Latest stable ECMAScript features
           presets: [
-            require.resolve('babel-preset-es2015'),
-            require.resolve('babel-preset-es2016'),
-            require.resolve('babel-preset-es2017')
+            [
+              require.resolve('babel-preset-env'),
+              {
+                targets: {
+                  // React parses on ie 9, so we should too
+                  ie: 9,
+                  // We currently minify with uglify
+                  // Remove after https://github.com/mishoo/UglifyJS2/issues/448
+                  uglify: true
+                },
+                // Disable polyfill transforms
+                useBuiltIns: false,
+                // Do not transform modules to CJS
+                modules: false
+              }
+            ]
           ]
         }
       },

config/webpack.config.prod.js

@@ -71,10 +71,24 @@ module.exports = {
         exclude: [/elm-stuff/, /node_modules/],
         loader: require.resolve('babel-loader'),
         query: {
+          // Latest stable ECMAScript features
           presets: [
-            require.resolve('babel-preset-es2015'),
-            require.resolve('babel-preset-es2016'),
-            require.resolve('babel-preset-es2017')
+            [
+              require.resolve('babel-preset-env'),
+              {
+                targets: {
+                  // React parses on ie 9, so we should too
+                  ie: 9,
+                  // We currently minify with uglify
+                  // Remove after https://github.com/mishoo/UglifyJS2/issues/448
+                  uglify: true
+                },
+                // Disable polyfill transforms
+                useBuiltIns: false,
+                // Do not transform modules to CJS
+                modules: false
+              }
+            ]
           ]
         }
       },

package.json

@@ -22,9 +22,7 @@
     "babel-cli": "^6.26.0",
     "babel-core": "^6.26.0",
     "babel-loader": "^7.1.2",
-    "babel-preset-es2015": "^6.24.1",
-    "babel-preset-es2016": "^6.24.1",
-    "babel-preset-es2017": "^6.24.1",
+    "babel-preset-env": "^1.6.0",
     "chalk": "^2.1.0",
     "clean-webpack-plugin": "^0.1.16",
     "cli-table": "0.3.1",
@@ -51,10 +49,10 @@
     "sw-precache-webpack-plugin": "^0.11.4",
     "url-loader": "^0.5.9",
     "webpack": "^3.5.6",
-    "webpack-dev-server": "^2.7.1"
+    "webpack-dev-server": "^2.8.1"
   },
   "devDependencies": {
-    "babel-eslint": "^7.2.3",
+    "babel-eslint": "^8.0.0",
     "commitizen": "^2.9.6",
     "cz-conventional-changelog": "^2.0.0",
     "dir-compare": "^1.3.0",
@@ -63,7 +61,7 @@
     "husky": "^0.14.3",
     "mocha": "^3.5.2",
     "nightmare": "^2.10.0",
-    "prettier": "^1.6.1",
+    "prettier": "^1.7.0",
     "rimraf": "^2.5.4",
     "semantic-release": "^7.0.2",
     "unexpected": "^10.35.0"
@@ -94,7 +92,7 @@
     "prettier": "prettier --write --single-quote '{bin,config,scripts,template/src,tests}/**/*.js'",
     "semantic-release": "semantic-release pre && npm publish && semantic-release post",
     "test": "npm run test:cli && npm run test:functional",
-    "test:cli": "mocha tests/cliAccessibility.js --timeout 15000",
-    "test:functional": "mocha tests/*.spec.js --timeout 15000"
+    "test:cli": "mocha tests/cliAccessibility.js --reporter spec --timeout 15000",
+    "test:functional": "mocha tests/*.spec.js --reporter spec --timeout 15000"
   }
 }