|
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186 |
- /**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
- 'use strict';
-
- const path = require('path');
-
- const validateBoolOption = (name, value, defaultValue) => {
- if (typeof value === 'undefined') {
- value = defaultValue;
- }
-
- if (typeof value !== 'boolean') {
- throw new Error(`Preset react-app: '${name}' option must be a boolean.`);
- }
-
- return value;
- };
-
- module.exports = function(api, opts, env) {
- if (!opts) {
- opts = {};
- }
-
- var isEnvDevelopment = env === 'development';
- var isEnvProduction = env === 'production';
- var isEnvTest = env === 'test';
-
- var isFlowEnabled = validateBoolOption('flow', opts.flow, true);
- var isTypeScriptEnabled = validateBoolOption(
- 'typescript',
- opts.typescript,
- true
- );
- var areHelpersEnabled = validateBoolOption('helpers', opts.helpers, true);
- var useAbsoluteRuntime = validateBoolOption(
- 'absoluteRuntime',
- opts.absoluteRuntime,
- true
- );
-
- var absoluteRuntimePath = undefined;
- if (useAbsoluteRuntime) {
- absoluteRuntimePath = path.dirname(
- require.resolve('@babel/runtime/package.json')
- );
- }
-
- if (!isEnvDevelopment && !isEnvProduction && !isEnvTest) {
- throw new Error(
- 'Using `babel-preset-react-app` requires that you specify `NODE_ENV` or ' +
- '`BABEL_ENV` environment variables. Valid values are "development", ' +
- '"test", and "production". Instead, received: ' +
- JSON.stringify(env) +
- '.'
- );
- }
-
- return {
- presets: [
- isEnvTest && [
- // ES features necessary for user's Node version
- require('@babel/preset-env').default,
- {
- targets: {
- node: 'current',
- },
- },
- ],
- (isEnvProduction || isEnvDevelopment) && [
- // Latest stable ECMAScript features
- require('@babel/preset-env').default,
- {
- // We want Create React App to be IE 9 compatible until React itself
- // no longer works with IE 9
- targets: {
- ie: 9,
- },
- // Users cannot override this behavior because this Babel
- // configuration is highly tuned for ES5 support
- ignoreBrowserslistConfig: true,
- // If users import all core-js they're probably not concerned with
- // bundle size. We shouldn't rely on magic to try and shrink it.
- useBuiltIns: false,
- // Do not transform modules to CJS
- modules: false,
- // Exclude transforms that make all code slower
- exclude: ['transform-typeof-symbol'],
- },
- ],
- [
- require('@babel/preset-react').default,
- {
- // Adds component stack to warning messages
- // Adds __self attribute to JSX which React will use for some warnings
- development: isEnvDevelopment || isEnvTest,
- // Will use the native built-in instead of trying to polyfill
- // behavior for any plugins that require one.
- useBuiltIns: true,
- },
- ],
- isTypeScriptEnabled && [require('@babel/preset-typescript').default],
- ].filter(Boolean),
- plugins: [
- // Strip flow types before any other transform, emulating the behavior
- // order as-if the browser supported all of the succeeding features
- // https://github.com/facebook/create-react-app/pull/5182
- isFlowEnabled &&
- require('@babel/plugin-transform-flow-strip-types').default,
- // Experimental macros support. Will be documented after it's had some time
- // 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,
- // Turn on legacy decorators for TypeScript files
- isTypeScriptEnabled && [
- require('@babel/plugin-proposal-decorators').default,
- false,
- ],
- // class { handleClick = () => { } }
- // Enable loose mode to use assignment instead of defineProperty
- // See discussion in https://github.com/facebook/create-react-app/issues/4263
- [
- require('@babel/plugin-proposal-class-properties').default,
- {
- loose: true,
- },
- ],
- // 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,
- },
- ],
- // Polyfills the runtime needed for async/await, generators, and friends
- // https://babeljs.io/docs/en/babel-plugin-transform-runtime
- [
- require('@babel/plugin-transform-runtime').default,
- {
- corejs: false,
- helpers: areHelpersEnabled,
- regenerator: true,
- // https://babeljs.io/docs/en/babel-plugin-transform-runtime#useesmodules
- // We should turn this on once the lowest version of Node LTS
- // supports ES Modules.
- useESModules: isEnvDevelopment || isEnvProduction,
- // Undocumented option that lets us encapsulate our runtime, ensuring
- // the correct version is used
- // https://github.com/babel/babel/blob/090c364a90fe73d36a30707fc612ce037bdbbb24/packages/babel-plugin-transform-runtime/src/index.js#L35-L42
- absoluteRuntime: absoluteRuntimePath,
- },
- ],
- isEnvProduction && [
- // Remove PropTypes from production build
- require('babel-plugin-transform-react-remove-prop-types').default,
- {
- removeImport: true,
- },
- ],
- // Adds syntax support for import()
- require('@babel/plugin-syntax-dynamic-import').default,
- isEnvTest &&
- // Transform dynamic import to require
- require('babel-plugin-dynamic-import-node'),
- ].filter(Boolean),
- overrides: [
- isTypeScriptEnabled && {
- test: /\.tsx?$/,
- plugins: [
- [
- require('@babel/plugin-proposal-decorators').default,
- { legacy: true },
- ],
- ],
- },
- ].filter(Boolean),
- };
- };
|