feat(eslint): use the root eslint config in webpack

Author: albizures

src/config/environment.js

@@ -16,6 +16,7 @@ config.isDev = process.env.NODE_ENV === 'development'
 config.PORT = Number(process.env.PORT) || Number(flags['--port']) || 80
 config.PIXORE_PATH = config.isProd ? (mainPackage.pixorePath || '') : ''
 config.ROOT_PATH = appRoot
+config.ESLINT_PATH = path.join(config.ROOT_PATH, '.eslintrc.js')
 config.BUILD_PATH = path.join(config.ROOT_PATH, 'build')
 config.SRC_PATH = path.join(config.ROOT_PATH, 'src')
 config.APP_PATH = path.join(config.SRC_PATH, 'index.js')

src/config/webpack.config.js

@@ -1,11 +1,12 @@
 const path = require('path')
+const assign = require('lodash.assign')
 const debug = require('debug')('pixore')
 const webpack = require('webpack')
 const HtmlWebpackPlugin = require('html-webpack-plugin')
 const UglifyJSPlugin = require('html-webpack-plugin')
 const ExtractTextPlugin = require('extract-text-webpack-plugin')
 const WatchMissingNodeModulesPlugin = require('react-dev-utils/WatchMissingNodeModulesPlugin')
-const { isProd, MAIN_TEMPLATE, APP_PATH, BUILD_PATH, PIXORE_PATH, ROOT_PATH } = require('./environment')
+const { isProd, MAIN_TEMPLATE, APP_PATH, BUILD_PATH, PIXORE_PATH, ROOT_PATH, ESLINT_PATH } = require('./environment')
 
 debug.namespace = ''
 
@@ -26,9 +27,9 @@ const modules = {
     loader: 'eslint-loader',
     enforce: 'pre',
     exclude: /node_modules|webpackHotDevClient/,
-    options: {
+    options: assign({
       cacheDirectory: true
-    }
+    }, require(ESLINT_PATH))
   }, {
     test: /\.js$/,
     exclude: /node_modules/,

src/utils.js

@@ -6,23 +6,20 @@ const debugError = require('debug')('pixore:error')
 const chalk = require('chalk')
 const webpack = require('webpack')
 const assign = require('lodash.assign')
-const appRoot = fs.realpathSync(process.cwd())
 const formatWebpackMessages = require('react-dev-utils/formatWebpackMessages')
 
 debug.namespace = ''
 
 debugError.color = require('debug').colors[5]
 
-const { APP_PATH, ROOT_PATH, MAIN_TEMPLATE } = require('./config/environment')
+const { APP_PATH, ROOT_PATH, MAIN_TEMPLATE, ESLINT_PATH } = require('./config/environment')
 const config = require('./config/webpack.config.js')
 
 let customConfig = {}
-if (fs.existsSync(path.join(appRoot, 'webpack.config.js'))) {
-  customConfig = require(path.join(appRoot, 'webpack.config.js'))
+if (fs.existsSync(path.join(ROOT_PATH, 'webpack.config.js'))) {
+  customConfig = require(path.join(ROOT_PATH, 'webpack.config.js'))
 }
 
-const eslintFilePath = path.join(appRoot, '.eslintrc.js')
-
 exports.setupCompile = () => {
   const compiler = webpack(assign(config, customConfig))
 
@@ -64,8 +61,8 @@ exports.validStructure = () => {
     debugError(APP_PATH.replace(ROOT_PATH, '') + ' doesn\'t exists')
     process.exit(1)
   }
-  if (!fs.existsSync(eslintFilePath)) {
-    debugError(eslintFilePath.replace(ROOT_PATH, '') + ' doesn\'t exists')
+  if (!fs.existsSync(ESLINT_PATH)) {
+    debugError(ESLINT_PATH.replace(ROOT_PATH, '') + ' doesn\'t exists')
     process.exit(1)
   }
   if (!fs.existsSync(MAIN_TEMPLATE)) {