| 1 | ---
|
| 2 | category: packages
|
| 3 | ---
|
| 4 |
|
| 5 | ## ui-babel-preset
|
| 6 |
|
| 7 | [![npm][npm]][npm-url]
|
| 8 | [![MIT License][license-badge]][license]
|
| 9 | [![Code of Conduct][coc-badge]][coc]
|
| 10 |
|
| 11 | A UI component library made by Instructure Inc.
|
| 12 |
|
| 13 | ### Installation
|
| 14 |
|
| 15 | ```sh
|
| 16 | yarn add @instructure/ui-babel-preset
|
| 17 | ```
|
| 18 |
|
| 19 | ### Usage
|
| 20 |
|
| 21 | In your .babelrc file:
|
| 22 |
|
| 23 | ```json
|
| 24 | {
|
| 25 | "presets": ["@instructure/ui-babel-preset"]
|
| 26 | }
|
| 27 | ```
|
| 28 |
|
| 29 | To pass in more options, you can make your own preset:
|
| 30 |
|
| 31 | ```js
|
| 32 | /* babelrc.js */
|
| 33 | module.exports = {
|
| 34 | presets: [
|
| 35 | [
|
| 36 | require('@instructure/ui-babel-preset'),
|
| 37 | {
|
| 38 | coverage: true,
|
| 39 | esModules: true,
|
| 40 | removeConsole: false,
|
| 41 | transformImports: false
|
| 42 | }
|
| 43 | ]
|
| 44 | ]
|
| 45 | }
|
| 46 | ```
|
| 47 |
|
| 48 | [npm]: https://img.shields.io/npm/v/@instructure/ui-babel-preset.svg
|
| 49 | [npm-url]: https://npmjs.com/package/@instructure/ui-babel-preset
|
| 50 | [license-badge]: https://img.shields.io/npm/l/instructure-ui.svg?style=flat-square
|
| 51 | [license]: https://github.com/instructure/instructure-ui/blob/master/LICENSE
|
| 52 | [coc-badge]: https://img.shields.io/badge/code%20of-conduct-ff69b4.svg?style=flat-square
|
| 53 | [coc]: https://github.com/instructure/instructure-ui/blob/master/CODE_OF_CONDUCT.md
|