-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
BREAKING CHANGE: the way the preset is different Closes #26
- Loading branch information
Showing
13 changed files
with
4,101 additions
and
5,435 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,57 @@ | ||
| 'use strict'; | ||
|
|
||
| const addReactSupport = require('./lib/react'); | ||
| const addLodashSupport = require('./lib/lodash'); | ||
|
|
||
| module.exports = (context, options) => { | ||
| options = Object.assign({ | ||
| modules: process.env.BABEL_ENV === 'es' ? false : 'commonjs', // Usually set to `commonjs` or `false` | ||
| react: false, | ||
| lodash: true, | ||
| targets: ['browsers', 'node'], // Can be an array with `browsers` and/or `node` or an object | ||
| env: process.env.NODE_ENV || 'production', | ||
| }, options); | ||
|
|
||
| const config = { | ||
| presets: [], | ||
| plugins: [], | ||
| }; | ||
|
|
||
| // The `preset-env` will activate the necessary features based on our targets | ||
| // It's no longer necessary to add `es2015`, `es2016`, etc manually | ||
| config.presets.push([require.resolve('@babel/preset-env'), { | ||
| // Replaces `import 'babel-polyfill';` with only the polyfills that are | ||
| // actually required based on the targets | ||
| useBuiltIns: 'entry', | ||
| // Produce less and more readable code (although not as faithful to the semantics) | ||
| loose: true, | ||
| // Set modules options | ||
| modules: options.modules, | ||
| // Set the browser support to be the same used by Google (https://www.npmjs.com/package/browserslist-config-google) | ||
| // Set Nodejs target to be the latest LTS | ||
| targets: Array.isArray(options.targets) ? Object.assign({}, | ||
| options.targets.indexOf('node') !== -1 ? { node: '8.9' } : {}, | ||
| options.targets.indexOf('browsers') !== -1 ? { browsers: ['extends browserslist-config-google'] } : {} | ||
| ) : options.targets, | ||
| }]); | ||
|
|
||
| // The two plugins above activate stage 3 features that babel hasn't added to the stage 3 preset yet | ||
| config.plugins.push( | ||
| // Allows class { handleClick = () => { } static propTypes = { foo: PropTypes.string } } | ||
| [require.resolve('@babel/plugin-proposal-class-properties'), { loose: true }], | ||
| // Support destructuring of objects, e.g.: { ...foo } | ||
| [require.resolve('@babel/plugin-proposal-object-rest-spread'), { useBuiltIns: true }] | ||
| ); | ||
|
|
||
| // Add react support | ||
| if (options.react) { | ||
| addReactSupport(config, options.env); | ||
| } | ||
|
|
||
| // Cherry-pick lodash modules for smaller bundles | ||
| if (options.lodash) { | ||
| addLodashSupport(config, options.lodash); | ||
| } | ||
|
|
||
| return config; | ||
| }; |
Oops, something went wrong.