Migrate to webpack 2

Author: marcodearaujo

.babelrc

@@ -2,7 +2,7 @@ import React from 'react'
 import ReactDOM from 'react-dom'
 import { Router, Route, IndexRoute, hashHistory } from 'react-router'
 import 'bulma/css/bulma.css'
-import 'font-awesome-webpack'
+import 'style-loader!css-loader!less-loader!font-awesome-webpack/font-awesome-styles.loader!font-awesome-webpack/font-awesome.config.js';
 
 import iClientComponent from 'components/IClient/IClient'
 import HomeComponent from 'components/Home/Home'

app/App.js

@@ -33,7 +33,7 @@
     "react-test-renderer": "^15.3.2",
     "style-loader": "^0.13.1",
     "url-loader": "^0.5.7",
-    "webpack": "^1.13.2"
+    "webpack": "^2.1.0-beta.27"
   },
   "scripts": {
     "test": "jest",
@@ -47,8 +47,8 @@
       "app"
     ],
     "collectCoverage": true,
-    "globals" : {
-      "HOST" : "http://localhost:3000"
+    "globals": {
+      "HOST": "http://localhost:3000"
     },
     "moduleNameMapper": {
       "\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "<rootDir>/tests/__mocks__/fileMock.js",

package.json

@@ -14,18 +14,27 @@ var fontAwesomeLoader = {
 
 var fontAwesomeWoffLoader = {
     test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/,
-    loader: "url-loader?limit=10000&minetype=application/font-woff"
+    loader: "url-loader",
+    query: {
+        limit: '10000',
+        minetype: 'application/font-woff'
+    }
 };
 
 var jsxLoader = {
     test: /\.js$/,
     exclude: /node_modules/,
-    loader: 'babel',
+    loader: 'babel-loader',
     query: {
-        presets: ['react', 'es2015']
+        presets: ['react', ['es2015', {'modules' : false}]]
     }
 };
 
+var loaderOptionsPlugin = new webpack.LoaderOptionsPlugin({
+    minimize: true,
+    debug: false
+});
+
 var uglifyJsPlugin = new webpack.optimize.UglifyJsPlugin({
     compress: { warnings: false }
 });
@@ -38,9 +47,10 @@ var definePlugin = new webpack.DefinePlugin({
 });
 
 var resolve = {
-    extensions: ['', '.js', '.jsx'],
-    root: [
-        path.resolve('./app')
+    extensions: ['*', '.js', '.jsx'],
+    modules: [
+        path.resolve('./app'),
+        'node_modules'
     ]
 };
 
@@ -52,14 +62,15 @@ module.exports = {
         filename: "bundle.min.js",
     },
     module: {
-        loaders: [
+        rules: [
             bulmaLoader,
             fontAwesomeWoffLoader,
             fontAwesomeLoader,
             jsxLoader
         ]
     },
     plugins: [
+        loaderOptionsPlugin,
         uglifyJsPlugin,
         definePlugin
     ],