example of how to solve facebook#1752 with a custom loader

Author: nfcampos

packages/react-dev-utils/eslint-loader-watch-package-json.js

@@ -0,0 +1,15 @@
+'use strict';
+
+const eslintLoader = require('eslint-loader')
+const loaderUtils = require("loader-utils")
+
+function eslintLoaderWatchPackageJson() {
+  const { packageJsonPath } = loaderUtils.getOptions(this)
+  if (packageJsonPath) {
+    this.addDependency(packageJsonPath)
+  }
+
+  return eslintLoader.apply(this, arguments)
+}
+
+module.exports = eslintLoaderWatchPackageJson

packages/react-dev-utils/package.json

@@ -30,9 +30,11 @@
     "babel-code-frame": "6.20.0",
     "chalk": "1.1.3",
     "escape-string-regexp": "1.0.5",
+    "eslint-loader": "1.6.3",
     "filesize": "3.3.0",
     "gzip-size": "3.0.0",
     "html-entities": "1.2.0",
+    "loader-utils": "1.0.2",
     "opn": "4.0.2",
     "recursive-readdir": "2.1.1",
     "sockjs-client": "1.1.2",

packages/react-scripts/config/webpack.config.dev.js

@@ -118,14 +118,15 @@ module.exports = {
         enforce: 'pre',
         use: [
           {
-            // @remove-on-eject-begin
-            // Point ESLint to our predefined config.
             options: {
+              packageJsonPath: paths.appPackageJson,
+              // @remove-on-eject-begin
+              // Point ESLint to our predefined config.
               configFile: path.join(__dirname, '../eslintrc'),
               useEslintrc: false,
+              // @remove-on-eject-end
             },
-            // @remove-on-eject-end
-            loader: 'eslint-loader',
+            loader: 'react-dev-utils/eslint-loader-watch-package-json',
           },
         ],
         include: paths.appSrc,