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

Babel preset to parse the Salesforce Design System React source code.

Usage no npm install needed!

<script type="module">
  import salesforceBabelPresetDesignSystemReact from 'https://cdn.skypack.dev/@salesforce/babel-preset-design-system-react';
</script>

README

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:

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']
});