A gluestack-style babel plugin that transpiles your styled function calls and resolves the component styling in build time.
npm install @gluestack-style/babel-plugin-styled-resolverTo use @gluestack-style/babel-plugin-styled-resolver, all you need to do is install the@gluestack-style/babel-plugin-styled-resolver package:
``sh
$ yarn add @gluestack-style/babel-plugin-styled-resolver
$ npm i @gluestack-style/babel-plugin-styled-resolver
`
Add Babel plugin to your app babel.config.js.
`jsx``
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.