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

Files

Nicolas Gallagher 3026465ae3 Monorepo

Introduces a monorepo structure, relies on yarn workspaces to share
dependencies, and lerna for syncing versions across the monorepo.

* Create 2 workspaces:
    'packages' and 'website'
* Create 2 public packages:
    'babel-plugin-react-native-web' and 'react-native-web'
* Create 1 private package:
    'benchmarks'

A simple release script runs the tests, builds the package assets,
increments the package version numbers, git commits and tags, publishes
the package to npm, pushes the changes to github, and releases the
website update.

Close #657

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

src

Monorepo

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

index.js

Monorepo

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

package.json

Monorepo

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

README.md

Monorepo

2017-12-24 12:33:41 +00: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/apis/StyleSheet';
import View from 'react-native-web/dist/components/View';