将反应应用程序与反应原生应用程序合并
我想将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"
}
}
所以是有可能,我可以合并两个包一起?
对于您的本地应用程序,您可以使用React Native中的package.json,无需合并。您不需要在本机应用程序中使用“react-dom”和类似的库。如果您的组件都来自React Native for Web,那么在本机上运行它们不会有任何问题。
我想合并,所以本地和网络工作不仅本机。 – amorenew
,正如你可以在脚本中看到的“开始”在网络上是不同的本地 – amorenew
比你遇到的第一个问题,你会发现不同版本的反应:“反应”:“^ 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
我现在使用https://github.com/react-everywhere/re-start/tree/react-16 – amorenew