feat(babel): support babelrc in package.json

Author: eddyerburgh

lib/compilers/babel-compiler.js

@@ -1,35 +1,30 @@
 const babel = require('babel-core')
 const path = require('path')
 const fs = require('fs')
+const findBabelConfig = require('find-babel-config')
 const throwError = require('../throw-error')
 const logger = require('../logger')
+
 var defaultBabelOptions = {
   presets: ['es2015'],
   plugins: ['transform-runtime']
 }
 
-function getBabelRc (path) {
-  var rc
-  try {
-    rc = JSON.parse(fs.readFileSync(path, 'utf-8'))
-  } catch (e) {
-    throwError('Your .babelrc seems to be incorrectly formatted.')
+module.exports = function compileBabel (scriptContent) {
+  // directory can be an absolute or relative path
+  // If it's a relative path, it is relative to the current working directory (process.cwd())
+  const directory = path.resolve(__dirname, '..')
+  const { file, config } = findBabelConfig.sync(directory);
+
+  if (!file) {
+    logger.info('no .babelrc found, defaulting to default babel options')
   }
-  return rc
-}
 
-module.exports = function compileBabel (scriptContent) {
-  const babelRcPath = path.resolve(process.cwd(), '.babelrc')
-  const babelRcExists = fs.existsSync(babelRcPath);
-  const baseBabelOptions = babelRcExists ? getBabelRc(babelRcPath) : defaultBabelOptions
+  const baseBabelOptions = file ? config : defaultBabelOptions
   const babelOptions = Object.assign({sourceMaps: true}, baseBabelOptions)
 
   const res =  babel.transform(scriptContent, babelOptions)
 
-  if (!babelRcExists) {
-      logger.info('no .babelrc found, defaulting to default babel options')
-  }
-
   return {
     code: res.code,
     sourceMap: res.map

package.json

@@ -53,6 +53,7 @@
     "babel-preset-es2015": "^6.24.1",
     "chalk": "^2.1.0",
     "convert-source-map": "^1.5.0",
+    "find-babel-config": "^1.1.0",
     "object-assign": "^4.1.1",
     "source-map": "^0.5.6",
     "typescript": "^2.5.2"

test/Babel.spec.js

@@ -47,6 +47,30 @@ test('logs info when there is no .babelrc', () => {
   jest.resetModules()
 })
 
+test('uses babelrc in package.json if none in .babelrc', () => {
+  const babelRcPath = resolve(__dirname, '../.babelrc')
+  const tempPath = resolve(__dirname, '../.renamed')
+  const packagePath = resolve(__dirname, '../package.json')
+  const packageOriginal = readFileSync(packagePath, { encoding: 'utf8' })
+  writeFileSync(packagePath, '{ "babel": {"presets": ["es2015"],"plugins": ["istanbul"]}}')
+  renameSync(babelRcPath, tempPath)
+  const filePath = resolve(__dirname, './resources/Basic.vue')
+  const fileString = readFileSync(filePath, { encoding: 'utf8' })
+
+  try {
+    const output = jestVue.process(fileString, filePath)
+    expect(output).toContain('coverageData.hash')
+  } catch (err) {
+    renameSync(tempPath, babelRcPath)
+    writeFileSync(packagePath, packageOriginal)
+    jest.resetModules()
+    throw err
+  }
+  renameSync(tempPath, babelRcPath)
+  writeFileSync(packagePath, packageOriginal)
+  jest.resetModules()
+})
+
 test('processes .vue files using .babelrc if it exists in route', () => {
   const babelRcPath = resolve(__dirname, '../.babelrc')
   const babelRcOriginal = readFileSync(babelRcPath, { encoding: 'utf8' })

yarn.lock

@@ -1593,6 +1593,13 @@ fill-range@^2.1.0:
     repeat-element "^1.1.2"
     repeat-string "^1.5.2"
 
+find-babel-config@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/find-babel-config/-/find-babel-config-1.1.0.tgz#acc01043a6749fec34429be6b64f542ebb5d6355"
+  dependencies:
+    json5 "^0.5.1"
+    path-exists "^3.0.0"
+
 find-up@^1.0.0:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/find-up/-/find-up-1.1.2.tgz#6b2e9822b1a2ce0a60ab64d610eccad53cb24d0f"