Repository navigation
Expand file tree
/
Copy pathbabel.config.js
More file actions
48 lines (42 loc) · 1.92 KB
/
Copy pathbabel.config.js
File metadata and controls
48 lines (42 loc) · 1.92 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
const moduleResolverAlias = require("./alias").babelModuleResolverAlias
module.exports = (api) => {
// IMPORTANT: this needs to be before the api.cache.forever()
const isProd = api.cache(() => process.env.NODE_ENV === "production")
api.cache.forever() // don't call this babel config all the time if it hasn't changed.
const plugins = [
"@babel/plugin-transform-named-capturing-groups-regex",
"@babel/plugin-transform-flow-strip-types",
["@babel/plugin-proposal-decorators", { version: "legacy" }],
["@babel/plugin-transform-private-methods", { loose: true }], // needed for latest jest, must come after decorators
["@babel/plugin-transform-class-properties", { loose: true }], // must come after decorators
[
"transform-imports",
{
lodash: {
transform: "lodash/${member}",
preventFullImport: true,
},
},
],
"import-graphql", // to enable import syntax for .graphql and .gql files.
"relay",
["module-resolver", { alias: moduleResolverAlias }],
"react-native-reanimated/plugin", // has to be listed last according to the documentation. https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/installation/#babel-plugin
]
const prodPlugins = [["transform-remove-console", { exclude: ["error"] }], ...plugins]
const babelPlugins = isProd ? prodPlugins : plugins
return {
// plugins run first
plugins: babelPlugins,
// presets run after
presets: [
["babel-preset-expo"],
// TODO: Remove this once we determine if its actually needed. Added during reanimated upgrade.
// but then we determined that it was leading to errors with loading reanimated while remotely
// debugging JS in chrome.
// ["@babel/preset-env", { loose: true }],
"@babel/preset-typescript",
["@babel/preset-react", { runtime: "automatic" }], // this is so `import React from "react"` is not needed.
],
}
}