More helpful Babel defaults

[texastoland]

🙋 feature request

Additional Babel plugins notably:

• @babel/proposal-object-rest-spread (for React)
• @babel/proposal-class-properties (for React)
• @babel/preset-react (React-specific)
• @babel/typescript (for TypeScript integration)
• babel-plugin-macros (in create-react-app for simpler configuration)
• Auto-import plugins from config (package.json, babelrc, presets)

🤔 Expected Behavior

Import a typical React project requires no setup.

😯 Current Behavior

Import a typical setup requires knowing you need plugins and which, manually adding them individually or with babel-preset-stage-x (multiple choices), knowing how to config, and manually adding a config (2 choices where). We're accustomed to starting every project that way but not as welcoming as it could be.

💁 Possible Solution

Additional Babel plugins

Add inside getEnvConfig and getJSXConfig respectively here:

parcel/src/transforms/babel.js

Lines 104 to 105 in 871ffc7

	let envConfig = await getEnvConfig(asset, isSource);
	let jsxConfig = await getJSXConfig(asset, isSource);

Auto-import plugins

localRequire all presets and plugins from getBabelConfig here:

parcel/src/transforms/babel.js

Lines 58 to 60 in 871ffc7

	async function getConfig(asset) {
	let config = await getBabelConfig(asset);
	if (config) {

🔦 Context

#1632
"Fastest/easiest way to add Object spread to @parceljs ?"
"Just make sure to include babel-plugin-macros so your users can enjoy some zero config Babel plugin transforms too! 👍"

💻 Examples

TypeScript-Babel-Starter

[davidnagli]

See my PR addressing your 'Auto-import plugins' point: #1772