Integrate eslint with webpack. Adds a couple seconds to initial build, but...

Integrate eslint with webpack. Adds a couple seconds to initial build, but negligible time to incremental (watch) builds

package.json

@@ -46,6 +46,7 @@
     "css-loader": "^0.14.4",
     "cssnext-loader": "^1.0.1",
     "eslint": "^0.22.1",
+    "eslint-loader": "^0.12.0",
     "eslint-plugin-react": "^2.5.0",
     "extract-text-webpack-plugin": "^0.8.1",
     "glob": "^5.0.10",

resources/frontend_client/vendor.js

@@ -28,7 +28,9 @@ import 'ace/mode-sql';
 import 'ace/snippets/sql';
 
 // react:
-window.React = require('react');
+import React from 'react';
+window.React = React;
 
 // misc:
-window._ = require('underscore');
+import _ from 'underscore';
+window._ = _;

webpack.config.js

@@ -45,9 +45,8 @@ module.exports = {
     module: {
         loaders: [
             // JavaScript
-            { test: /\.js$/, exclude: /node_modules/, loader: 'babel', query: {
-                cacheDirectory: '.babel_cache'
-            }},
+            { test: /\.js$/, exclude: /node_modules/, loader: 'babel', query: { cacheDirectory: '.babel_cache' }},
+            { test: /\.js$/, exclude: /node_modules/, loader: 'eslint' },
             // CSS
             { test: /\.css$/, loader: ExtractTextPlugin.extract('style-loader', 'css-loader?sourceMap!cssnext-loader') }
             // { test: /\.css$/, loader: 'style-loader!css-loader!cssnext-loader' }