@hushicai/babel-plugin-react-native-web

    0.9.2-rc.0 • Public • Published

    babel-plugin-react-native-web

    npm version PRs Welcome

    A Babel plugin that will alias react-native to react-native-web and exclude any modules not required by your app (keeping bundle size down).

    Installation

    yarn add --dev babel-plugin-react-native-web
    

    Usage

    .babelrc

    {
      "plugins": [
        ["react-native-web", { commonjs: true }]
      ]
    }
    

    You should configure the plugin to match the module format used by your bundler. Most modern bundlers will use a package's ES modules by default (i.e., if package.json has a module field). But if you need the plugin to rewrite import paths to point to CommonJS modules, you must set the commonjs option to true.

    Example

    NOTE: react-native-web internal paths are not stable and you must not rely on them. Always use the Babel plugin to optimize your build. What follows is an example of the rewrite performed by the plugin.

    Before

    import { StyleSheet, View } from 'react-native';

    After

    import StyleSheet from 'react-native-web/dist/exports/StyleSheet';
    import View from 'react-native-web/dist/exports/View';

    Keywords

    none

    Install

    npm i @hushicai/babel-plugin-react-native-web

    DownloadsWeekly Downloads

    10

    Version

    0.9.2-rc.0

    License

    MIT

    Unpacked Size

    16.3 kB

    Total Files

    7

    Last publish

    Collaborators

    • hushicai