Merge pull request #148 from KleoPetroff/eslint-loader

Integrate eslint-loader

Author: KleoPetroff

README.md

@@ -10,12 +10,12 @@ Simple and optimized React boilerplate. It includes:
 - [x] Component testing using [Enzyme](https://github.com/airbnb/enzyme)
 - [x] Latest Webpack (v.3.0.0) and Webpack Dev Server (v.2.5.0) with Scope Hoisting enabled
 - [x] Hot Module Replacement using [react-hot-loader](https://github.com/gaearon/react-hot-loader)
+- [x] ES6 linting with continuous linting on file change
 - [x] SASS support
 - [x] Separate CSS stylesheets generation
 - [x] Automatic HTML generation
 - [x] Production Config
-- [x] Custom Babel Preset with Decorators, Class Properties, Rest/Spread operator support 
-- [x] ES6 Linting
+- [x] Custom Babel Preset with Decorators, Class Properties, Rest/Spread operator support
 - [x] Export Separate Vendor Files
 - [ ] Redux
 

package.json

@@ -7,7 +7,7 @@
     "start": "webpack-dev-server",
     "clean": "rimraf dist",
     "production": "cross-env npm run clean && webpack --config webpack.production.config.js --progress --profile --colors",
-    "lint": "eslint app",
+    "lint": "eslint ./app/**/**.js",
     "test": "mocha --compilers js:babel-core/register --recursive ./tests/**/*.js",
     "precommit": "cross-env npm run lint && npm test",
     "prepush": "cross-env npm run lint && npm test"

webpack.config.js

@@ -32,6 +32,12 @@ const config = {
 
   module: {
     rules: [
+      {
+        enforce: "pre",
+        test: /\.js$/,
+        exclude: /node_modules/,
+        loader: "eslint-loader"
+      },
       {
         test: /\.js$/,
         loaders: [
@@ -64,6 +70,15 @@ const config = {
   },
 
   plugins: [
+    new webpack.LoaderOptionsPlugin({
+      test: /\.js$/,
+      options: {
+        eslint: {
+          configFile: resolve(__dirname, '.eslintrc'),
+          cache: false,
+        }
+      },
+    }),
     new webpack.optimize.ModuleConcatenationPlugin(),
     new ExtractTextPlugin({ filename: 'style.css', disable: false, allChunks: true }),
     new CopyWebpackPlugin([{ from: 'vendors', to: 'vendors' }]),