gatsbyjs · DSchau · Oct 29, 2018 · Oct 23, 2018 · Oct 23, 2018 · Oct 23, 2018
diff --git a/.babel-preset.js b/.babel-preset.js
diff --git a/.babelrc.js b/.babelrc.js
@@ -6,10 +6,8 @@ if (process.env.NODE_ENV !== `test`) {
   ignore.push(`**/__tests__`)
 }
 
-const presetAbsPath = require(`path`).join(__dirname, '.babel-preset.js')
-
 module.exports = {
   sourceMaps: true,
-  presets: [presetAbsPath],
+  presets: ["babel-preset-gatsby-package"],
   ignore,
 }
diff --git a/docs/docs/babel.md b/docs/docs/babel.md
@@ -22,48 +22,25 @@ browsers.
 ## How to use a custom .babelrc file
 
 Gatsby ships with a default .babelrc setup that should work for most sites. If you'd like
-to add custom Babel presets or plugins, we recommend copying our default .babelrc below
-to the root of your site and modifying it per your needs.
+to add custom Babel presets or plugins, you can create your own `.babelrc` at the root of your site, import [`babel-preset-gatsby`](https://github.com/gatsbyjs/gatsby/tree/master/packages/babel-preset-gatsby), and overwrite the `target` option.
+
+```bash
+npm install --save babel-preset-gatsby
+```
 
 ```json5:title=.babelrc
 {
   presets: [
     [
-      "@babel/preset-env",
+      "babel-preset-gatsby",
       {
-        loose: true,
-        modules: false,
-        useBuiltIns: "usage",
-        shippedProposals: true,
         targets: {
           browsers: [">0.25%", "not dead"],
         },
       },
     ],
-    [
-      "@babel/preset-react",
-      {
-        useBuiltIns: true,
-        pragma: "React.createElement",
-      },
-    ],
-  ],
-  plugins: [
-    [
-      "@babel/plugin-proposal-class-properties",
-      {
-        loose: true,
-      },
-    ],
-    "@babel/plugin-syntax-dynamic-import",
-    "babel-plugin-macros",
-    [
-      "@babel/plugin-transform-runtime",
-      {
-        helpers: true,
-        regenerator: true,
-      },
-    ],
   ],
 }
 ```
+
+For more advanced configurations, you can also copy the defaults from [`babel-preset-gatsby`](https://github.com/gatsbyjs/gatsby/tree/master/packages/babel-preset-gatsby) and customize them to suit your needs.
diff --git a/docs/docs/testing-css-in-js.md b/docs/docs/testing-css-in-js.md
@@ -22,12 +22,10 @@ If you followed along with the [Unit testing guide](/docs/unit-testing) you'll h
 
 ```diff:title=jest-preprocess.js
 const babelOptions = {
-  presets: ["@babel/react", "@babel/env"],
-  plugins: [
+  presets: ["babel-preset-gatsby"],
++  plugins: [
 +    "emotion",
-    "@babel/plugin-proposal-optional-chaining",
-    "@babel/plugin-proposal-class-properties",
-  ],
++  ],
 }
 
 module.exports = require("babel-jest").createTransformer(babelOptions)

diff --git a/docs/docs/unit-testing.md b/docs/docs/unit-testing.md
@@ -22,7 +22,7 @@ First you need to install Jest and some more required packages. You need to
 install Babel 7 as it's required by Jest.
 
 ```sh
-npm install --save-dev jest babel-jest react-test-renderer identity-obj-proxy 'babel-core@^7.0.0-0' @babel/core @babel/preset-env @babel/preset-react @babel/plugin-proposal-class-properties @babel/plugin-proposal-optional-chaining
+npm install --save-dev jest babel-jest react-test-renderer identity-obj-proxy 'babel-core@^7.0.0-0' @babel/core babel-preset-gatsby
 ```
 
 Because Gatsby handles its own Babel configuration, you will need to manually
@@ -61,11 +61,7 @@ with a minimal config.
 
 ```js:title=jest-preprocess.js
 const babelOptions = {
-  presets: ["@babel/react", "@babel/env"],
-  plugins: [
-    "@babel/plugin-proposal-optional-chaining",
-    "@babel/plugin-proposal-class-properties",
-  ],
+  presets: ["babel-preset-gatsby"],
 }
 
 module.exports = require("babel-jest").createTransformer(babelOptions)

diff --git a/jest-transformer.js b/jest-transformer.js
@@ -1,3 +1,2 @@
-const presetAbsPath = require(`path`).join(__dirname, `.babel-preset.js`)
-const babelPreset = require(presetAbsPath)()
+const babelPreset = require(`babel-preset-gatsby-package`)()
 module.exports = require(`babel-jest`).createTransformer(babelPreset)
diff --git a/jest.config.js b/jest.config.js
@@ -1,12 +1,15 @@
 const path = require(`path`)
 const glob = require(`glob`)
+const fs = require("fs")
 
 const pkgs = glob.sync(`./packages/*`).map(p => p.replace(/^\./, `<rootDir>`))
 
 const reGatsby = /gatsby$/
 const gatsbyDir = pkgs.find(p => reGatsby.exec(p))
 const gatsbyBuildDirs = [`dist`].map(dir => path.join(gatsbyDir, dir))
-const builtTestsDirs = pkgs.map(p => path.join(p, `__tests__`))
+const builtTestsDirs = pkgs
+  .filter(p => fs.existsSync(path.join(p, `src`)))
+  .map(p => path.join(p, `__tests__`))
 const distDirs = pkgs.map(p => path.join(p, `dist`))
 const ignoreDirs = [].concat(gatsbyBuildDirs, builtTestsDirs, distDirs)
 const coverageDirs = pkgs.map(p => path.join(p, `src/**/*.js`))
@@ -24,7 +27,7 @@ module.exports = {
     `/node_modules/`,
     `__tests__/fixtures`,
   ],
-  transform: { '^.+\\.js$': `<rootDir>/jest-transformer.js` },
+  transform: { "^.+\\.js$": `<rootDir>/jest-transformer.js` },
   moduleNameMapper: {
     "^highlight.js$": `<rootDir>/node_modules/highlight.js/lib/index.js`,
   },

diff --git a/package.json b/package.json
@@ -2,12 +2,6 @@
   "devDependencies": {
     "@babel/core": "^7.0.0",
     "@babel/node": "^7.0.0",
-    "@babel/plugin-proposal-class-properties": "^7.0.0",
-    "@babel/plugin-proposal-optional-chaining": "^7.0.0",
-    "@babel/plugin-transform-runtime": "^7.0.0",
-    "@babel/preset-env": "^7.0.0",
-    "@babel/preset-flow": "^7.0.0",
-    "@babel/preset-react": "^7.0.0",
     "@babel/runtime": "^7.0.0",
     "babel-core": "7.0.0-bridge.0",
     "babel-eslint": "8.2.1",

diff --git a/packages/babel-plugin-remove-graphql-queries/.babelrc b/packages/babel-plugin-remove-graphql-queries/.babelrc
@@ -1,5 +1,5 @@
 {
   "presets": [
-    ["../../.babel-preset.js"]
+    ["babel-preset-gatsby-package"]
   ]
 }
diff --git a/packages/babel-plugin-remove-graphql-queries/package.json b/packages/babel-plugin-remove-graphql-queries/package.json
@@ -4,7 +4,8 @@
   "author": "Jason Quense <monastic.panic@gmail.com>",
   "devDependencies": {
     "@babel/cli": "^7.0.0",
-    "@babel/core": "^7.0.0"
+    "@babel/core": "^7.0.0",
+    "babel-preset-gatsby-package": "^0.1.1"
   },
   "license": "MIT",
   "main": "index.js",

diff --git a/packages/babel-preset-gatsby-package/.gitignore b/packages/babel-preset-gatsby-package/.gitignore
@@ -1,2 +1 @@
-/*.js
 yarn.lock
diff --git a/packages/babel-preset-gatsby-package/.npmignore b/packages/babel-preset-gatsby-package/.npmignore
@@ -32,3 +32,6 @@ flow-typed
 coverage
 decls
 examples
+
+# tests
+__tests__
diff --git a/...set-gatsby-package/src/__tests__/index.js → ...-preset-gatsby-package/__tests__/index.js b/...set-gatsby-package/src/__tests__/index.js → ...-preset-gatsby-package/__tests__/index.js
diff --git a/.../babel-preset-gatsby-package/src/index.js → ...ages/babel-preset-gatsby-package/index.js b/.../babel-preset-gatsby-package/src/index.js → ...ages/babel-preset-gatsby-package/index.js
diff --git a/packages/babel-preset-gatsby-package/package.json b/packages/babel-preset-gatsby-package/package.json
@@ -11,5 +11,5 @@
     "@babel/preset-react": "^7.0.0"
   },
   "license": "MIT",
-  "main": "src/index.js"
+  "main": "index.js"
 }
diff --git a/packages/babel-preset-gatsby/package.json b/packages/babel-preset-gatsby/package.json
@@ -16,5 +16,8 @@
     "build": "babel src --out-dir . --ignore **/__tests__",
     "prepare": "cross-env NODE_ENV=production npm run build",
     "watch": "babel -w src --out-dir . --ignore **/__tests__"
+  },
+  "devDependencies": {
+    "babel-preset-gatsby-package": "^0.1.1"
   }
 }
diff --git a/packages/gatsby-cli/.babelrc b/packages/gatsby-cli/.babelrc
@@ -1,5 +1,5 @@
 {
   "presets": [
-    ["../../.babel-preset.js"]
+    ["babel-preset-gatsby-package"]
   ]
 }
diff --git a/packages/gatsby-cli/package.json b/packages/gatsby-cli/package.json
@@ -34,6 +34,7 @@
   "devDependencies": {
     "@babel/cli": "^7.0.0",
     "@babel/core": "^7.0.0",
+    "babel-preset-gatsby-package": "^0.1.1",
     "cross-env": "^5.1.4"
   },
   "files": [

diff --git a/packages/gatsby-codemods/.babelrc b/packages/gatsby-codemods/.babelrc
@@ -1,5 +1,5 @@
 {
   "presets": [
-    ["../../.babel-preset.js"]
+    ["babel-preset-gatsby-package"]
   ]
 }
diff --git a/packages/gatsby-codemods/package.json b/packages/gatsby-codemods/package.json
@@ -28,6 +28,7 @@
   "devDependencies": {
     "@babel/cli": "^7.0.0",
     "@babel/core": "^7.0.0",
+    "babel-preset-gatsby-package": "^0.1.1",
     "cross-env": "^5.0.5",
     "jscodeshift": "^0.5.1"
   },

diff --git a/packages/gatsby-dev-cli/.babelrc b/packages/gatsby-dev-cli/.babelrc
@@ -1,5 +1,5 @@
 {
   "presets": [
-    ["../../.babel-preset.js"]
+    ["babel-preset-gatsby-package"]
   ]
 }
diff --git a/packages/gatsby-dev-cli/package.json b/packages/gatsby-dev-cli/package.json
@@ -21,6 +21,7 @@
   "devDependencies": {
     "@babel/cli": "^7.0.0",
     "@babel/core": "^7.0.0",
+    "babel-preset-gatsby-package": "^0.1.1",
     "cross-env": "^5.0.5"
   },
   "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-dev-cli#readme",

diff --git a/packages/gatsby-image/.babelrc b/packages/gatsby-image/.babelrc
@@ -1,5 +1,5 @@
 {
   "presets": [
-    ["../../.babel-preset.js", { "browser": true }]
+    ["babel-preset-gatsby-package", { "browser": true }]
   ]
 }
diff --git a/packages/gatsby-image/package.json b/packages/gatsby-image/package.json
@@ -14,6 +14,7 @@
   "devDependencies": {
     "@babel/cli": "^7.0.0",
     "@babel/core": "^7.0.0",
+    "babel-preset-gatsby-package": "^0.1.1",
     "cross-env": "^5.1.4"
   },
   "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-image#readme",

diff --git a/packages/gatsby-link/.babelrc b/packages/gatsby-link/.babelrc
@@ -1,6 +1,6 @@
 {
   "presets": [
-    ["../../.babel-preset.js", { "browser": true }]
+    ["babel-preset-gatsby-package", { "browser": true }]
   ]
 }
 
diff --git a/packages/gatsby-link/package.json b/packages/gatsby-link/package.json
@@ -16,6 +16,7 @@
   "devDependencies": {
     "@babel/cli": "^7.0.0",
     "@babel/core": "^7.0.0",
+    "babel-preset-gatsby-package": "^0.1.1",
     "cross-env": "^5.1.4",
     "react-testing-library": "^4.1.7"
   },

diff --git a/packages/gatsby-plugin-canonical-urls/.babelrc b/packages/gatsby-plugin-canonical-urls/.babelrc
@@ -1,6 +1,6 @@
 {
   "presets": [
-    ["../../.babel-preset.js", { "browser": true }]
+    ["babel-preset-gatsby-package", { "browser": true }]
   ]
 }
 
diff --git a/packages/gatsby-plugin-canonical-urls/package.json b/packages/gatsby-plugin-canonical-urls/package.json
@@ -12,6 +12,7 @@
   "devDependencies": {
     "@babel/cli": "^7.0.0",
     "@babel/core": "^7.0.0",
+    "babel-preset-gatsby-package": "^0.1.1",
     "cross-env": "^5.1.4"
   },
   "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-plugin-canonical-urls#readme",

diff --git a/packages/gatsby-plugin-catch-links/.babelrc b/packages/gatsby-plugin-catch-links/.babelrc
@@ -1,6 +1,6 @@
 {
   "presets": [
-    ["../../.babel-preset.js", { "browser": true }]
+    ["babel-preset-gatsby-package", { "browser": true }]
   ]
 }
 
diff --git a/packages/gatsby-plugin-catch-links/package.json b/packages/gatsby-plugin-catch-links/package.json
@@ -13,6 +13,7 @@
   "devDependencies": {
     "@babel/cli": "^7.0.0",
     "@babel/core": "^7.0.0",
+    "babel-preset-gatsby-package": "^0.1.1",
     "cross-env": "^5.1.4"
   },
   "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-plugin-catch-links#readme",

diff --git a/packages/gatsby-plugin-coffeescript/.babelrc b/packages/gatsby-plugin-coffeescript/.babelrc
@@ -1,5 +1,5 @@
 {
   "presets": [
-    ["../../.babel-preset.js"]
+    ["babel-preset-gatsby-package"]
   ]
 }
diff --git a/packages/gatsby-plugin-coffeescript/package.json b/packages/gatsby-plugin-coffeescript/package.json
@@ -18,6 +18,7 @@
   "devDependencies": {
     "@babel/cli": "^7.0.0",
     "@babel/core": "^7.0.0",
+    "babel-preset-gatsby-package": "^0.1.1",
     "cross-env": "^5.1.4"
   },
   "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-plugin-coffeescript#readme",

diff --git a/packages/gatsby-plugin-create-client-paths/.babelrc b/packages/gatsby-plugin-create-client-paths/.babelrc
@@ -1,5 +1,5 @@
 {
   "presets": [
-    ["../../.babel-preset.js"]
+    ["babel-preset-gatsby-package"]
   ]
 }
diff --git a/packages/gatsby-plugin-create-client-paths/package.json b/packages/gatsby-plugin-create-client-paths/package.json
@@ -12,6 +12,7 @@
   "devDependencies": {
     "@babel/cli": "^7.0.0",
     "@babel/core": "^7.0.0",
+    "babel-preset-gatsby-package": "^0.1.1",
     "cross-env": "^5.1.4"
   },
   "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-plugin-create-client-paths#readme",

diff --git a/packages/gatsby-plugin-emotion/.babelrc b/packages/gatsby-plugin-emotion/.babelrc
@@ -1,6 +1,6 @@
 {
   "presets": [
-    ["../../.babel-preset.js", { "browser": true }]
+    ["babel-preset-gatsby-package", { "browser": true }]
   ]
 }
 
diff --git a/packages/gatsby-plugin-emotion/package.json b/packages/gatsby-plugin-emotion/package.json
@@ -12,6 +12,7 @@
   "devDependencies": {
     "@babel/cli": "^7.0.0",
     "@babel/core": "^7.0.0",
+    "babel-preset-gatsby-package": "^0.1.1",
     "cross-env": "^5.1.4"
   },
   "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-plugin-emotion#readme",