mirror of
https://github.com/status-im/react-native.git
synced 2025-02-05 22:23:37 +00:00
Summary: BREAKING CHANGE This change upgrades the React Native build pipeline from Babel 6 to Babel 7 If you use a `.babelrc` then you'll need to update it to Babel 7 (note that some plugins are no longer relevant, some plugins are automatically upgraded, and some will need some manual love). Note that you may also need to upgrade your dev env, tests etc, to make sure they work with Babel 7. Reviewed By: mjesun Differential Revision: D7591303 fbshipit-source-id: 29cef21f6466633a9c366d1f3c0d3cf874c714db
128 lines
4.0 KiB
JavaScript
128 lines
4.0 KiB
JavaScript
/**
|
|
* 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 defaultPlugins = [
|
|
[require('@babel/plugin-transform-block-scoping')],
|
|
// the flow strip types plugin must go BEFORE class properties!
|
|
// there'll be a test case that fails if you don't.
|
|
[require('@babel/plugin-transform-flow-strip-types')],
|
|
[
|
|
require('@babel/plugin-proposal-class-properties'),
|
|
// use `this.foo = bar` instead of `this.defineProperty('foo', ...)`
|
|
// (Makes the properties enumerable)
|
|
{loose: true},
|
|
],
|
|
[require('@babel/plugin-transform-computed-properties')],
|
|
[require('@babel/plugin-transform-destructuring')],
|
|
[require('@babel/plugin-transform-function-name')],
|
|
[require('@babel/plugin-transform-literals')],
|
|
[require('@babel/plugin-transform-parameters')],
|
|
[require('@babel/plugin-transform-shorthand-properties')],
|
|
[require('@babel/plugin-transform-react-jsx')],
|
|
[require('@babel/plugin-transform-regenerator')],
|
|
[require('@babel/plugin-transform-sticky-regex')],
|
|
[require('@babel/plugin-transform-unicode-regex')],
|
|
[
|
|
require('@babel/plugin-transform-modules-commonjs'),
|
|
{
|
|
strict: false,
|
|
strictMode : false, // prevent "use strict" injections
|
|
allowTopLevelThis: true, // dont rewrite global `this` -> `undefined`
|
|
},
|
|
],
|
|
];
|
|
|
|
const es2015ArrowFunctions = [
|
|
require('@babel/plugin-transform-arrow-functions'),
|
|
];
|
|
const es2015Classes = [require('@babel/plugin-transform-classes')];
|
|
const es2015ForOf = [require('@babel/plugin-transform-for-of'), {loose: true}];
|
|
const es2015Spread = [require('@babel/plugin-transform-spread')];
|
|
const es2015TemplateLiterals = [
|
|
require('@babel/plugin-transform-template-literals'),
|
|
{loose: true}, // dont 'a'.concat('b'), just use 'a'+'b'
|
|
];
|
|
const exponentiationOperator = [
|
|
require('@babel/plugin-transform-exponentiation-operator'),
|
|
];
|
|
const objectAssign = [require('@babel/plugin-transform-object-assign')];
|
|
const objectRestSpread = [require('@babel/plugin-proposal-object-rest-spread')];
|
|
const reactDisplayName = [
|
|
require('@babel/plugin-transform-react-display-name'),
|
|
];
|
|
const reactJsxSource = [require('@babel/plugin-transform-react-jsx-source')];
|
|
const symbolMember = [require('../transforms/transform-symbol-member')];
|
|
|
|
const getPreset = (src, options) => {
|
|
const isNull = src === null || src === undefined;
|
|
const hasClass = isNull || src.indexOf('class') !== -1;
|
|
const hasForOf =
|
|
isNull || (src.indexOf('for') !== -1 && src.indexOf('of') !== -1);
|
|
|
|
const extraPlugins = [];
|
|
|
|
if (hasClass) {
|
|
extraPlugins.push(es2015Classes);
|
|
}
|
|
if (isNull || src.indexOf('=>') !== -1) {
|
|
extraPlugins.push(es2015ArrowFunctions);
|
|
}
|
|
if (isNull || hasClass || src.indexOf('...') !== -1) {
|
|
extraPlugins.push(es2015Spread);
|
|
extraPlugins.push(objectRestSpread);
|
|
}
|
|
if (isNull || src.indexOf('`') !== -1) {
|
|
extraPlugins.push(es2015TemplateLiterals);
|
|
}
|
|
if (isNull || src.indexOf('**') !== -1) {
|
|
extraPlugins.push(exponentiationOperator);
|
|
}
|
|
if (isNull || src.indexOf('Object.assign') !== -1) {
|
|
extraPlugins.push(objectAssign);
|
|
}
|
|
if (hasForOf) {
|
|
extraPlugins.push(es2015ForOf);
|
|
}
|
|
if (hasForOf || src.indexOf('Symbol') !== -1) {
|
|
extraPlugins.push(symbolMember);
|
|
}
|
|
if (
|
|
isNull ||
|
|
src.indexOf('React.createClass') !== -1 ||
|
|
src.indexOf('createReactClass') !== -1
|
|
) {
|
|
extraPlugins.push(reactDisplayName);
|
|
}
|
|
|
|
if (options && options.dev) {
|
|
extraPlugins.push(reactJsxSource);
|
|
}
|
|
|
|
return {
|
|
comments: false,
|
|
compact: true,
|
|
plugins: defaultPlugins.concat(extraPlugins),
|
|
};
|
|
};
|
|
|
|
const base = getPreset(null);
|
|
const devTools = getPreset(null, {dev: true});
|
|
|
|
module.exports = options => {
|
|
if (options.withDevTools == null) {
|
|
const env = process.env.BABEL_ENV || process.env.NODE_ENV;
|
|
if (!env || env === 'development') {
|
|
return devTools;
|
|
}
|
|
}
|
|
return base;
|
|
};
|
|
|
|
module.exports.getPreset = getPreset;
|