module.exports = (api) => {
|
|
const env = api.env();
|
|
|
|
const reactOptions = {
|
|
development: false,
|
|
};
|
|
|
|
const envOptions = {
|
|
loose: true,
|
|
modules: false,
|
|
debug: false,
|
|
};
|
|
|
|
const config = {
|
|
presets: [
|
|
['@babel/react', reactOptions],
|
|
['@babel/env', envOptions],
|
|
],
|
|
plugins: [
|
|
['@babel/proposal-decorators', { legacy: true }],
|
|
'@babel/proposal-class-properties',
|
|
['react-intl', { messagesDir: './build/messages' }],
|
|
'preval',
|
|
],
|
|
overrides: [
|
|
{
|
|
test: /tesseract\.js/,
|
|
presets: [
|
|
['@babel/env', { ...envOptions, modules: 'commonjs' }],
|
|
],
|
|
},
|
|
],
|
|
};
|
|
|
|
switch (env) {
|
|
case 'production':
|
|
config.plugins.push(...[
|
|
'lodash',
|
|
[
|
|
'transform-react-remove-prop-types',
|
|
{
|
|
mode: 'remove',
|
|
removeImport: true,
|
|
additionalLibraries: [
|
|
'react-immutable-proptypes',
|
|
],
|
|
},
|
|
],
|
|
'@babel/transform-react-inline-elements',
|
|
[
|
|
'@babel/transform-runtime',
|
|
{
|
|
helpers: true,
|
|
regenerator: false,
|
|
useESModules: true,
|
|
},
|
|
],
|
|
]);
|
|
break;
|
|
case 'development':
|
|
reactOptions.development = true;
|
|
envOptions.debug = true;
|
|
break;
|
|
case 'test':
|
|
envOptions.modules = 'commonjs';
|
|
break;
|
|
}
|
|
|
|
return config;
|
|
};
|
|
|