@salesforce/babel-preset-design-system-react

Babel Preset for Source Code

A Babel 6 preset that makes Design System React compatible with Salesforce’s supported browsers. This enables a module bundler, such as Webpack, to transpile Design System React. Using this will make it easier to upgrade in the future without having to manually reconfigure your Babel settings to be compatible with new language features Design System React may use.

Currently contains transforms for all standard syntax that is ES2017, babel-preset-react and the following lower-stage plugins:

• proposal-object-rest-spread
• proposal-class-properties
• syntax-export-default-from
• syntax-export-extensions
• proposal-export-default

Install

$ npm install --save-dev @salesforce/babel-preset-design-system-react

Usage

With .babelrc (Recommended)

{
  "presets": ["@salesforce/babel-preset-design-system-react"]
}

With CLI

$ babel script.js --presets @salesforce/babel-preset-design-system-react

With Node

require('babel-core').transform('code', {
  presets: ['@salesforce/babel-preset-design-system-react']
});