2017-08-08 163 views
3

我想将React应用程序文件放入React原生应用程序。我使用了React Native Web来支持React应用中的React Native组件。将反应应用程序与反应原生应用程序合并

最后一步我想将React App文件夹中的所有文件放到React Native App文件夹中。

的区别是在的package.json

阵营的package.json:

{ 
    "name": "appname", 
    "version": "0.1.0", 
    "private": true, 
    "dependencies": { 
    "react": "^15.6.1", 
    "react-dom": "^15.6.1", 
    "react-scripts": "1.0.10" 
    }, 
    "scripts": { 
    "start": "react-scripts start", 
    "build": "react-scripts build", 
    "test": "react-scripts test --env=jsdom", 
    "eject": "react-scripts eject" 
    } 
} 

阵营本土的package.json:

{ 
    "name": "appname", 
    "version": "0.0.1", 
    "private": true, 
    "scripts": { 
     "start": "node node_modules/react-native/local-cli/cli.js start", 
     "test": "jest" 
    }, 
    "dependencies": { 
     "react": "16.0.0-alpha.12", 
     "react-native": "0.47.1", 
     "react-native-windows": "0.47.0-rc.5" 
    }, 
    "devDependencies": { 
     "babel-jest": "20.0.3", 
     "babel-preset-react-native": "2.1.0", 
     "jest": "20.0.4", 
     "react-test-renderer": "16.0.0-alpha.12", 
     "rnpm-plugin-windows": "^0.2.7" 
    }, 
    "jest": { 
     "preset": "react-native" 
    } 
} 

所以是有可能,我可以合并两个包一起?

+0

我现在使用https://github.com/react-everywhere/re-start/tree/react-16 – amorenew

回答

1

对于您的本地应用程序,您可以使用React Native中的package.json,无需合并。您不需要在本机应用程序中使用“react-dom”和类似的库。如果您的组件都来自React Native for Web,那么在本机上运行它们不会有任何问题。

+0

我想合并,所以本地和网络工作不仅本机。 – amorenew

+0

,正如你可以在脚本中看到的“开始”在网络上是不同的本地 – amorenew

+0

比你遇到的第一个问题,你会发现不同版本的反应:“反应”:“^ 15.6.1”和“16.0.0-alpha.12” ,您可以尝试使用16-beta,Seams来运行它们React Native for Web现在支持它https://github.com/necolas/react-native-web/issues/364我还没有尝试过。在我的项目中,我有不同的文件夹“应用程序”(包含本地应用程序)和“网络”,它们都有不同的node_modules和共享src文件,它们位于“应用程序”文件夹中 – zarcode

相关问题