问web本机+web(用于web)种子项目

EN

Jonathan有一篇关于如何设置它的好文章：http://jkaufman.io/react-web-native-codesharing/

基本策略是为每个平台(android/ios/web)设置一个不同的入口点(index.js)。然后，大部分非呈现代码可以驻留在共享的app或common文件夹中。但是，您仍然需要隔离您的呈现代码(即View、div等的使用)，因为这将因平台而异。

请注意对这篇文章的评论，因为对于这种方法的缺陷有一些很好的讨论。示例：

通过在本地和web之间共享公共package.json，您已经通过它们的共同依赖将它们粘合在一起，这是最重要的依赖关系。假设您升级到了依赖于>= react@16的react本机版本，但是您的web应用程序依赖于依赖于=< react@15的其他库。

您可以尝试使用反应-本土化，但是imho您应该创建两个不同的项目，隔离和复制两者都可以使用的内容(比如api请求和util函数)。您的代码将更易于调试和维护。

是的绝对有可能。在使用这个lib react-native-web之前，我们已经完成了它。https://github.com/necolas/react-native-web

除了index.ios.js和index.android.js之外，您还需要创建index.web.js，内容应该类似于以下内容。

​

import { AppRegistry } from 'react-native';
import App from './app/Containers/App/App.container';

AppRegistry.registerComponent('ReactNativeWeb', () => App);
AppRegistry.runApplication('ReactNativeWeb', { rootTag: document.getElementById('react-app') });

​

此外，您还需要创建自己的nodejs代码来服务包。全参考