Update babel dependencies (#111)

* Update babel dependencies

* Use babel-preset-env

* Update travis config to use 'stable' node

* Use babel-loader with presets: env in webpack test config

Author: roylee0704

.babelrc

@@ -1,8 +1,14 @@
 {
-  "presets": ["es2015-loose", "stage-0", "react"],
-  "env": {
-    "development": {
-      "presets": ["react-hmre"]
-    }
-  }
-}
+  "presets": [
+    [
+      "env",
+      {
+        "targets": {
+          "node": "current"
+        }
+      }
+    ],
+    "stage-1",
+    "react"
+  ]
+}

.travis.yml

@@ -1,6 +1,6 @@
 language: node_js
 node_js:
-  - "4.2.1"
+  - "stable"
 script:
   - npm run lint
   - npm test

karma.conf.js

@@ -15,6 +15,11 @@ module.exports = function karmaConfig(config) {
     webpack: webpackConfig,
     webpackServer: {
       noInfo: true
-    }
+    },
+    plugins: [
+      'karma-webpack',
+      'karma-phantomjs-launcher',
+      'karma-mocha'
+    ]
   });
 };

package.json

@@ -29,16 +29,15 @@
   "devDependencies": {
     "@types/react": "*",
     "autoprefixer": "^6.0.3",
-    "babel-cli": "^6.4.0",
-    "babel-core": "^6.4.0",
-    "babel-eslint": "^5.0.0-beta6",
-    "babel-loader": "^6.2.1",
+    "babel-cli": "^6.4.1",
+    "babel-core": "^6.24.1",
+    "babel-eslint": "^7.2.1",
+    "babel-loader": "^6.4.1",
     "babel-plugin-react-transform": "^2.0.0",
-    "babel-polyfill": "^6.3.14",
-    "babel-preset-es2015-loose": "^6.1.4",
-    "babel-preset-react": "^6.3.13",
-    "babel-preset-react-hmre": "^1.0.1",
-    "babel-preset-stage-0": "^6.3.13",
+    "babel-polyfill": "^6.23.0",
+    "babel-preset-react": "^6.24.1",
+    "babel-preset-stage-1": "^6.24.1",
+    "babel-preset-env": "^1.4.0",
     "cpx": "^1.2.1",
     "cross-env": "^1.0.4",
     "css-loader": "^0.21.0",
@@ -51,15 +50,13 @@
     "flexboxgrid": "^6.3.0",
     "isparta": "^4.0.0",
     "jsdom": "^7.0.2",
-    "karma": "^0.13.3",
-    "karma-chrome-launcher": "^0.2.0",
-    "karma-cli": "^0.1.0",
-    "karma-mocha": "^0.2.0",
-    "karma-phantomjs-launcher": "~0.2",
-    "karma-webpack": "^1.7.0",
-    "mocha": "^2.3.4",
+    "karma": "^1.6.0",
+    "karma-mocha": "^1.3.0",
+    "karma-phantomjs-launcher": "^1.0.4",
+    "karma-webpack": "^2.0.3",
+    "mocha": "^3.1.2",
     "node-sass": "^3.4.2",
-    "phantomjs": "^1.9.19",
+    "phantomjs-prebuilt": "^2.1.14",
     "postcss-loader": "^0.7.0",
     "react": "^15.5.4",
     "react-addons-test-utils": "^15.5.1",
@@ -91,4 +88,4 @@
     "react": "^0.14.3 || ^15.5.4"
   },
   "types": "react-flexbox-grid.d.ts"
-}
+}

tests.webpack.js

@@ -1,2 +1,4 @@
+'use strict'; // eslint-disable-line
+
 const context = require.context('./test', true, /.spec\.js$/);
 context.keys().forEach(context);

webpack.config.test.js

@@ -6,8 +6,8 @@ module.exports = {
     loaders: [
       {
         test: /\.js$/,
+        loader: 'babel-loader?presets[]=env',
         exclude: /(node_modules)/,
-        loader: 'babel'
       }, {
         test: /(\.scss|\.css)$/,
         loader: 'style!css?modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]!postcss!sass'