@gluestack-style/babel-plugin-styled-resolver
v1.0.7
Published
A gluestack-style babel plugin that transpiles your styled function calls and resolves the component styling in build time.
Downloads
3,947
Readme
@gluestack-style/babel-plugin-styled-resolver
Installation
To use @gluestack-style/babel-plugin-styled-resolver
, all you need to do is install the
@gluestack-style/babel-plugin-styled-resolver
package:
$ yarn add @gluestack-style/babel-plugin-styled-resolver
# or
$ npm i @gluestack-style/babel-plugin-styled-resolver
Usage
Add Babel plugin to your app babel.config.js
.
const path = require('path');
const gluestackStyleResolver = require('@gluestack-style/babel-plugin-styled-resolver');
module.exports = function (api) {
api.cache(true);
return {
presets: ['babel-preset-expo'],
plugins: [gluestackStyleResolver],
};
};
Just make sure your babel.config.js and gluestack-style.config.js/ts are in the same directory. We suggest you keep both of them at the root of your app codebase.
More guides on how to get started are available here.