@lightspeed/babel-preset-web
Introduction
Babel web configuration and plugins in a convenient package.
Features
-
✨ Transpile React TypeScript code to meet Lightspeed browser requirements -
➡ Absolute path resolving for rootsrc:
// From anywhere in your app, this will resolve to `<root>/src/components/MyComponent.(js,ts,jsx,tsx)
import { MyComponent } from 'src/components/MyComponent';Quick Start
- Install the dependency in your webapp.
yarn add @babel/core @lightspeed/babel-preset-web- Consume the Babel preset.
// babel.config.js
module.exports = {
presets: ['@lightspeed/web'],
};- Optionally, extend the configuration as you see fit.
// babel.config.js
module.exports = {
presets: [
[
'@lightspeed/web',
{
'preset-env': {
targets: {
browsers: ['>0.25%', 'not op_mini all', 'ie <= 11', 'not dead'],
},
},
},
],
],
};