fa03028688
* emotion deps * kbn-babel * kbn-test * examples * babel-plugin-styled-components config * css prop type fixes * type context * declaration location * some emotion types resolved * clean up * emotion v10 accomodations * types * kbn-crypto * kbn-telemetry-tools * bazel * eslint rule; shared file regex array * update paths * Update packages/kbn-eslint-plugin-eslint/rules/module_migration.js Co-authored-by: Spencer <email@spalger.com> * remove placeholder styles * doc api changes * snapshot updates * storybook comments * use constant * bump new deps * condense versions Co-authored-by: Spencer <email@spalger.com> |
||
|---|---|---|
| .. | ||
| BUILD.bazel | ||
| common_babel_parser_options.js | ||
| common_preset.js | ||
| istanbul_preset.js | ||
| node_preset.js | ||
| package.json | ||
| README.md | ||
| webpack_preset.js | ||
@kbn/babel-preset
This package contains the shared bits of babel config that we use for transpiling our source code to code compatible with Node.JS and the various browsers we support.
usage
To use our presets add the following to the devDependencies section of your package.json:
"@kbn/babel-preset": "1.0.0",
Then run yarn kbn bootstrap to properly link the package into your plugin/package.
Finally, add either @kbn/babel-preset/node_preset or @kbn/babel-preset/webpack_preset to your babel config.
@kbn/babel-preset/node_preset is usually placed in a babel.config.js file.
@kbn/babel-preset/webpack_preset is usually placed directly in your webpack configuration.
NOTE: If you're transpiling code that will be run in both the browser and node you must transpile your code twice, once for each target. Take a look at the build tasks for @kbn/i18n to see how that can look.