Add ESLint

.eslintrc.json

@@ -0,0 +1,14 @@
+{
+  "parserOptions": {
+    "ecmaVersion": 6,
+    "sourceType": "module",
+    "ecmaFeatures": {
+      "jsx": true,
+      "experimentalObjectRestSpread": true
+    }
+  },
+  "rules": {
+    "semi": 2,
+    "no-unused-vars": 0
+  }
+}

gulpfile.js

@@ -1,7 +1,7 @@
-// dependencies
 var autoprefixer = require('gulp-autoprefixer');
 var browserSync = require('browser-sync');
 var cssnano = require('gulp-cssnano');
+var eslint = require('gulp-eslint');
 var gulp = require('gulp');
 var gulpif = require('gulp-if');
 var gutil = require('gulp-util');
@@ -81,6 +81,12 @@ gulp.task('browsersync', () => {
   });
 });
 
+gulp.task('eslint', () => {
+  return gulp.src([dirs.src + '/' + dirs.js + '/**/*', '!node_modules/**'])
+    .pipe(eslint())
+    .pipe(eslint.format());
+});
+
 gulp.task('images', () => {
   return gulp.src(dirs.src + '/' + dirs.img + '/**/*.*')
     .pipe(gulp.dest(dirs.dist + '/' + dirs.imgDist));
@@ -120,6 +126,7 @@ gulp.task('reload', () => {
 gulp.task('watch', () => {
   gulp.watch(dirs.src + '/' + dirs.styles + '/**/*.scss', ['sass']);
   gulp.watch(dirs.src + '/' + dirs.img + '/**/*', ['images']);
+  gulp.watch(dirs.src + '/' + dirs.js + '/**/*', ['eslint']);
 });
 
 gulp.task('webpack', (callback) => {

package.json

@@ -54,9 +54,15 @@
     "babel-loader": "^5.3.2",
     "browser-sync": "^2.10.0",
     "envify": "^3.4.0",
+    "eslint": "^2.8.0",
+    "eslint-config-airbnb": "^8.0.0",
+    "eslint-plugin-import": "^1.5.0",
+    "eslint-plugin-jsx-a11y": "^1.0.2",
+    "eslint-plugin-react": "^5.0.1",
     "gulp": "^3.9.0",
     "gulp-autoprefixer": "^3.0.2",
     "gulp-cssnano": "^2.1.1",
+    "gulp-eslint": "^2.0.0",
     "gulp-if": "^2.0.0",
     "gulp-sass": "^2.0.4",
     "gulp-sourcemaps": "^1.6.0",