mirror of https://github.com/zhigang1992/react-native-web.git synced 2026-01-12 22:51:09 +08:00

Files

Nicolas Gallagher a53372ceb3 [fix] babel-plugin only rewrites paths for known modules

Don't rewrite import paths for non-existent modules or types. They will
attempt to be imported from the package's main export. This change
currently requires a module map to be generated for the babel-plugin to
use. The map is automatically regenerated for any commit that alters the
entry file of react-native-web.

Fix #822

2018-02-19 13:05:42 -08:00

src

[fix] babel-plugin only rewrites paths for known modules

2018-02-19 13:05:42 -08:00

index.js

Monorepo

2017-12-24 12:33:41 +00:00

package.json

0.4.0

2018-02-06 16:35:20 -08:00

README.md

Move babel-plugin npm badge to correct README

2018-01-18 10:24:02 -08:00

README.md

babel-plugin-react-native-web

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"]
}

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';