2017-09-07 4 views
1

내가 원하는 것은 하나의 프로젝트에서 반응 네이티브와 반응을 모두 사용할 수 있으므로 package.json에 대한 아이디어가 필요합니다. , 여기 내 package.json입니다 :하나의 패키지에서 반응, 반응 -dom 및 반응 - 네이티브 버전과 일치합니다 .json

{ 
    "name": "reactNativeWeb", 
    "version": "0.0.1", 
    "private": true, 
    "scripts": { 
    "start": "node node_modules/react-native/local-cli/cli.js start", 
    "create-ios-bundle": "react-native bundle --entry-file index.ios.js --bundle-output ./bundle/bundle_iOS/index.ios.bundle --platform ios --assets-dest ./bundle/bundle_iOS --dev false", 
    "create-android-bundle": "react-native bundle --entry-file index.android.js --bundle-output ./bundle/bundle_android/index.android.bundle --platform android --assets-dest ./bundle/bundle_android --dev false", 
    "web-dev": "webpack-dev-server --config web/config/webpack.config.dev.js --inline --hot --colors", 
    "web-prod": "webpack --config web/config/webpack.config.prod.js --progress --colors", 
    "test": "jest" 
    }, 
    "dependencies": { 
    "react": "15.5.4", 
    "react-dom": "15.5.4", 
    "react-native": "0.46.0" 
    }, 
    "devDependencies": { 
    "babel-preset-es2015": "6.24.1", 
    "babel-preset-react-native": "2.0.0", 

    "autoprefixer": "7.1.2", 
    "babel-core": "6.25.0", 
    "babel-eslint": "7.2.3", 
    "babel-jest": "20.0.3", 
    "babel-loader": "7.1.1", 
    "babel-preset-react-app": "^3.0.2", 
    "babel-runtime": "6.26.0", 
    "case-sensitive-paths-webpack-plugin": "2.1.1", 
    "chalk": "1.1.3", 
    "css-loader": "0.28.4", 
    "dotenv": "4.0.0", 
    "eslint": "4.4.1", 
    "eslint-config-react-app": "^2.0.0", 
    "eslint-loader": "1.9.0", 
    "eslint-plugin-flowtype": "2.35.0", 
    "eslint-plugin-import": "2.7.0", 
    "eslint-plugin-jsx-a11y": "5.1.1", 
    "eslint-plugin-react": "7.1.0", 
    "extract-text-webpack-plugin": "3.0.0", 
    "file-loader": "0.11.2", 
    "fs-extra": "3.0.1", 
    "fsevents": "1.1.2", 
    "html-webpack-plugin": "2.29.0", 
    "jest": "20.0.4", 
    "object-assign": "4.1.1", 
    "postcss-flexbugs-fixes": "3.2.0", 
    "postcss-loader": "2.0.6", 
    "promise": "8.0.1", 
    "react-dev-utils": "^4.0.1", 
    "style-loader": "0.18.2", 
    "sw-precache-webpack-plugin": "0.11.4", 
    "url-loader": "0.5.9", 
    "webpack": "3.5.1", 
    "webpack-dev-server": "2.7.1", 
    "webpack-manifest-plugin": "1.2.1", 
    "whatwg-fetch": "2.0.3" 
    } 
} 

이 구성이 react.js 성공적으로 실행할 수 있지만, 반응 네이티브 실행할 수 없습니다, 그래서 네이티브 반응 16.0 버전의 반응을 필요로하기 때문에 나는 도움이 필요합니다. 0-alpha.12,하지만 react-dom은이 버전에 의존하지 않습니다. 어떻게 이것의 적절한 구성을 찾을 수 있습니까?

감사합니다.

답변

0

달성하려는 목표는 조금 분명하지 않습니다.

반응 네이티브로 웹 앱을 만들려고한다면 잘못 생각한 것 같습니다. react-native을 사용하면 자바 스크립트로 크로스 플랫폼 모바일 앱을 제작할 수 있습니다.

반응이있는 프로젝트를 업그레이드하려는 경우 here을보아야합니다.

새로운 반응이없는 프로젝트를 시작하려는 경우 here과 같은 방법 중 하나를 사용해야합니다. 반응과 반응 - 돔을 수동으로 설치할 필요가 없습니다.

+0

하나의 프로젝트와 하나의 package.json, 모두 반응 네이티브 응용 프로그램을 실행하고 웹 응용 프로그램을 반응, 사용 NPM 실행 웹 -dev를 사용하여 웹 응용 프로그램을 시작하고 npm start를 사용하여 반응 네이티브 앱을 실행합니다. 그러나 이제는 반응 DOM과 반응 네이티브 사이에 충돌이 있습니다. 다른 버전의 반응에 의존하기 때문에. –

+0

왜 당신이 노력하는지 이해하지 못합니다. 그런 일을하지만 어쩌면 당신은 webapp와 mobile과 같은 폴더와 node_modules 폴더를 분리 할 수 ​​있습니다. – bennygenel

0

감사합니다. 나는 그것을 고친다. 성공적으로 웹 응용 프로그램을 실행하고 반응 네이티브 응용 프로그램을 프로젝트 내에서, 그리고 여기에 프로젝트입니다 :

react-native-web