feat(babel-plugin): use project's babel config to transpile dependencies

.gitignore

@@ -6,3 +6,4 @@ packages/test
 dist
 temp
 .vuerc
+.idea

packages/@vue/cli-plugin-babel/__test__/transpile-dependencies.spec.js

@@ -0,0 +1,68 @@
+jest.setTimeout(30000)
+
+const { defaultPreset } = require('@vue/cli/lib/options')
+const create = require('@vue/cli-test-utils/createTestProject')
+
+let project
+
+beforeAll(async () => {
+ project = await create('cli-plugin-babel', defaultPreset)
+
+ await project.write(
+ 'node_modules/external-dep/package.json',
+ `{ "name": "external-dep", "version": "1.0.0", "main": "index.js" }`
+ )
+
+ await project.write(
+ 'node_modules/external-dep/index.js',
+ `const test = () => "__TEST__";\nexport default test`
+ )
+
+ let $packageJson = await project.read('package.json')
+
+ $packageJson = JSON.parse($packageJson)
+ $packageJson.dependencies['external-dep'] = '1.0.0'
+ $packageJson = JSON.stringify($packageJson)
+
+ await project.write(
+ 'package.json',
+ $packageJson
+ )
+
+ let $mainjs = await project.read('src/main.js')
+
+ $mainjs = `import test from 'external-dep'\n${$mainjs}\nconsole.log(test())`
+
+ await project.write(
+ 'src/main.js',
+ $mainjs
+ )
+})
+
+test('dep from node_modules should not been transpiled', async () => {
+ const { stdout } = await project.run('vue-cli-service build')
+
+ let $vendorjs = stdout.match(/(js\/vendors~app\.[^.]+\.js)/)[1]
+
+ $vendorjs = `dist/${$vendorjs}`
+ $vendorjs = await project.read($vendorjs)
+
+ expect($vendorjs).toMatch('() => "__TEST__"')
+})
+
+test('dep from node_modules should been transpiled', async () => {
+ await project.write(
+ 'vue.config.js',
+ `module.exports = { transpileDependencies: ['external-dep'] }`
+ )
+
+ const { stdout } = await project.run('vue-cli-service build')
+
+ let $vendorjs = stdout.match(/(js\/vendors~app\.[^.]+\.js)/)[1]
+
+ $vendorjs = `dist/${$vendorjs}`
+ $vendorjs = await project.read($vendorjs)
+
+ expect($vendorjs).toMatch('return "__TEST__"')
+})
+

packages/@vue/cli-plugin-babel/index.js

@@ -3,6 +3,8 @@
 // TODO remove after upgrading Babel to 7.0.0-beta.47
 require('./patchBabel')
 
+const { babelHelpers } = require('@vue/cli-shared-utils')
+
 module.exports = (api, {
  parallel,
  transpileDependencies
@@ -44,8 +46,17 @@ module.exports = (api, {
  .loader('thread-loader')
  }
 
- jsRule
+ const babelLoader = jsRule
  .use('babel-loader')
  .loader('babel-loader')
+
+ // use project's babel config for dependencies
+ if (transpileDependencies.length !== 0) {
+ // `babelrc` = false
+ const config = babelHelpers.loadUsersConfig(api.resolve('.'))
+
+ babelLoader
+ .options(config)
+ }
  })
 }

packages/@vue/cli-plugin-babel/package.json

@@ -21,6 +21,7 @@
  "dependencies": {
  "@babel/core": "7.0.0-beta.46",
  "@vue/babel-preset-app": "^3.0.0-beta.10",
+ "@vue/cli-shared-utils": "^3.0.0-beta.10",
  "babel-loader": "^8.0.0-0"
  },
  "publishConfig": {

packages/@vue/cli-shared-utils/index.js

@@ -4,7 +4,8 @@
  'spinner',
  'validate',
  'openBrowser',
- 'pluginResolution'
+ 'pluginResolution',
+ 'babelHelpers'
 ].forEach(m => {
  Object.assign(exports, require(`./lib/${m}`))
 })

packages/@vue/cli-shared-utils/lib/babelHelpers.js

@@ -0,0 +1,29 @@
+const babel = require('@babel/core')
+
+const lib = exports.babelHelpers = {}
+
+lib.loadUsersConfig = (rootDir) => {
+ if (typeof rootDir !== 'string') {
+ throw new TypeError('`rootDir` must be a string')
+ }
+
+ const options = {
+ cwd: rootDir,
+ filename: 'package.json'
+ }
+
+ const partial = babel.loadPartialConfig(options)
+
+ delete partial.options.filename
+
+ const normalize = item => [item.file.resolved, item.options]
+
+ partial.options.plugins = partial.options.plugins.map(normalize)
+ partial.options.presets = partial.options.presets.map(normalize)
+
+ const a = partial.options
+ const b = { configFile: partial.config }
+ const config = Object.assign({}, a, b)
+
+ return config
+}

packages/@vue/cli-shared-utils/package.json

@@ -19,6 +19,7 @@
  },
  "homepage": "https://github.com/vuejs/vue-cli/packages/@vue/cli-shared-utils#readme",
  "dependencies": {
+ "@babel/core": "^7.0.0-beta.46",
  "chalk": "^2.3.0",
  "cmd-shim": "^2.0.2",
  "execa": "^0.9.0",