Skip to content
GitLab
Switch branch/tag
Find file BlameHistoryPermalink
index.js 4.33 KiB
1 
/**
2 
 * Copyright (c) 2015-present, Facebook, Inc.
3 
 *
4 
 * This source code is licensed under the MIT license found in the
5 
 * LICENSE file in the root directory of this source tree.
6 
 */
7 
'use strict';
8
9 
module.exports = function(api, opts) {
10 
  if (!opts) {
11 
    opts = {};
12 
  }
13
14 
  // This is similar to how `env` works in Babel:
15 
  // https://babeljs.io/docs/usage/babelrc/#env-option
16 
  // We are not using `env` because it’s ignored in versions > babel-core@6.10.4:
17 
  // https://github.com/babel/babel/issues/4539
18 
  // https://github.com/facebookincubator/create-react-app/issues/720
19 
  // It’s also nice that we can enforce `NODE_ENV` being specified.
20 
  var env = process.env.BABEL_ENV || process.env.NODE_ENV;
21 
  var isEnvDevelopment = env === 'development';
22 
  var isEnvProduction = env === 'production';
23 
  var isEnvTest = env === 'test';
24 
  if (!isEnvDevelopment && !isEnvProduction && !isEnvTest) {
25 
    throw new Error(
26 
      'Using `babel-preset-react-app` requires that you specify `NODE_ENV` or ' +
27 
        '`BABEL_ENV` environment variables. Valid values are "development", ' +
28 
        '"test", and "production". Instead, received: ' +
29 
        JSON.stringify(env) +
30 
        '.'
31 
    );
32 
  }
33
34 
  return {
35 
    presets: [
36 
      isEnvTest && [
37 
        // ES features necessary for user's Node version
38 
        require('@babel/preset-env').default,
39 
        {
40 
          targets: {
41 
            node: '6.12',
42 
          },
43 
        },
44 
      ],
45 
      (isEnvProduction || isEnvDevelopment) && [
46 
        // Latest stable ECMAScript features
47 
        require('@babel/preset-env').default,
48 
        {
49 
          // `entry` transforms `@babel/polyfill` into individual requires for
50 
          // the targeted browsers. This is safer than `usage` which performs
51 
          // static code analysis to determine what's required.
52 
          // This is probably a fine default to help trim down bundles when
53 
          // end-users inevitably import '@babel/polyfill'.
54 
          useBuiltIns: 'entry',
55 
          // Do not transform modules to CJS
56 
          modules: false,
57 
        },
58 
      ],
59 
      [
60 
        require('@babel/preset-react').default,
61 
        {
62 
          // Adds component stack to warning messages
63 
          // Adds __self attribute to JSX which React will use for some warnings
64 
          development: isEnvDevelopment || isEnvTest,
65 
        },
66 
      ],
67 
      [require('@babel/preset-flow').default],
68 
    ].filter(Boolean),
69 
    plugins: [
70 
      // Experimental macros support. Will be documented after it's had some time
7172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127
// in the wild. require('babel-plugin-macros'), // Necessary to include regardless of the environment because // in practice some other transforms (such as object-rest-spread) // don't work without it: https://github.com/babel/babel/issues/7215 require('@babel/plugin-transform-destructuring').default, // class { handleClick = () => { } } require('@babel/plugin-proposal-class-properties').default, // The following two plugins use Object.assign directly, instead of Babel's // extends helper. Note that this assumes `Object.assign` is available. // { ...todo, completed: true } [ require('@babel/plugin-proposal-object-rest-spread').default, { useBuiltIns: true, }, ], // Transforms JSX [ require('@babel/plugin-transform-react-jsx').default, { useBuiltIns: true, }, ], // Polyfills the runtime needed for async/await and generators [ require('@babel/plugin-transform-runtime').default, { helpers: false, polyfill: false, regenerator: true, }, ], isEnvProduction && [ // Remove PropTypes from production build require('babel-plugin-transform-react-remove-prop-types').default, { removeImport: true, }, ], // function* () { yield 42; yield 43; } !isEnvTest && [ require('@babel/plugin-transform-regenerator').default, { // Async functions are converted to generators by @babel/preset-env async: false, }, ], // Adds syntax support for import() require('@babel/plugin-syntax-dynamic-import').default, isEnvTest && // Transform dynamic import to require require('babel-plugin-transform-dynamic-import').default, ].filter(Boolean), }; };