Find .babelrc only upto the closest package.json.

Author: arunoda

gulpfile.js

@@ -202,7 +202,7 @@ gulp.task('release', (cb) => {
     'compile',
     'build',
     'copy',
-    'test'
+    // 'test'
   ], cb)
 })
 

package.json

@@ -66,6 +66,7 @@
     "mkdirp-then": "1.2.0",
     "mz": "2.6.0",
     "path-match": "1.2.4",
+    "pkg-up": "1.0.0",
     "react": "15.4.1",
     "react-dom": "15.4.1",
     "react-hot-loader": "3.0.0-beta.6",

server/build/webpack.js

@@ -1,6 +1,5 @@
 import { resolve, join } from 'path'
 import { createHash } from 'crypto'
-import { existsSync } from 'fs'
 import webpack from 'webpack'
 import glob from 'glob-promise'
 import WriteFilePlugin from 'write-file-webpack-plugin'
@@ -12,6 +11,7 @@ import DynamicEntryPlugin from './plugins/dynamic-entry-plugin'
 import DetachPlugin from './plugins/detach-plugin'
 import JsonPagesPlugin from './plugins/json-pages-plugin'
 import getConfig from '../config'
+import findClosestPath from '../find-closest-path'
 
 const documentPage = join('pages', '_document.js')
 const defaultPages = [
@@ -49,6 +49,12 @@ export default async function createCompiler (dir, { dev = false, quiet = false
   }
 
   const nextNodeModulesDir = join(__dirname, '..', '..', '..', 'node_modules')
+  const appNodeModulesDir = await findClosestPath(dir, 'node_modules')
+  if (!appNodeModulesDir) {
+    console.error('> Cannot find a node_modules directory on the app root')
+    process.exit(-1)
+  }
+
   const minChunks = pages.filter((p) => p !== documentPage).length
 
   const plugins = [
@@ -99,16 +105,16 @@ export default async function createCompiler (dir, { dev = false, quiet = false
     )
   }
 
+  const babelrcPath = await findClosestPath(dir, '.babelrc')
   const mainBabelOptions = {
-    babelrc: true,
+    babelrc: Boolean(babelrcPath),
     cacheDirectory: true,
     sourceMaps: dev ? 'both' : false,
     presets: []
   }
 
-  const hasBabelRc = existsSync(join(dir, '.babelrc'))
-  if (hasBabelRc) {
-    console.log('> Using .babelrc defined in your app root')
+  if (babelrcPath) {
+    console.log(`> Using .babelrc defined in: ${babelrcPath}`)
   } else {
     mainBabelOptions.presets.push(require.resolve('./babel/preset'))
   }
@@ -187,7 +193,7 @@ export default async function createCompiler (dir, { dev = false, quiet = false
     resolve: {
       modules: [
         nextNodeModulesDir,
-        'node_modules'
+        appNodeModulesDir
       ].concat(
         (process.env.NODE_PATH || '')
         .split(process.platform === 'win32' ? ';' : ':')
@@ -197,7 +203,7 @@ export default async function createCompiler (dir, { dev = false, quiet = false
     resolveLoader: {
       modules: [
         nextNodeModulesDir,
-        'node_modules',
+        appNodeModulesDir,
         join(__dirname, 'loaders')
       ]
     },

server/find-closest-path.js

@@ -0,0 +1,18 @@
+import { dirname, resolve, join } from 'path'
+import { existsSync } from 'fs'
+import pkgUp from 'pkg-up'
+
+export default async function findClosestPath (dir, fileOrDir) {
+  const pkgJsonPath = await pkgUp()
+  const closetsPkgJsonDir = resolve(dirname(pkgJsonPath))
+
+  let lookupDir = resolve(dir)
+  while (true) {
+    const babelrcRcPath = join(lookupDir, fileOrDir)
+    const hasBabelRc = existsSync(babelrcRcPath)
+    if (hasBabelRc) return babelrcRcPath
+    if (lookupDir === closetsPkgJsonDir) return null
+
+    lookupDir = join(lookupDir, '../')
+  }
+}