Razzle: 기존 프로젝트에 razzle을 적용하는 방법은 무엇입니까?

나는 지금 이 일을 겪고 있다.
다음과 같은 방식으로 CRA 프로젝트를 설정했습니다.

/projects/my-cra-app
위의 아래에는 src , node_modules 및 CRA가 만든 모든 것이 있습니다.

나는 그것에 razzle을 혼합하는 방법을 알아낼 수 없었습니다. (처음에는 razzle이 CRA를 대체할 것이라고 생각했고 실제로 동일한 프로젝트에서 Client-render(포트 3001) 및 Server-render(포트 3000)를 제공할 수 있다고 생각했습니다. 그러나 그것도 작동하지 않았습니다(이전에 여기에 질문을 올렸지만 응답은 없었습니다).
또한 webpack4와 함께 razzle 최신(알파)을 사용하고 있지만 CRA는 여전히 webpack(3)이지만 webpack 4에 대한 일부 초기 커밋이 이제 마스터 브랜치에 도착했습니다...

그래서 지금 내가 한 일은 다음과 같습니다.

/projects/my-app/app.src
node_modules를 포함하는 /projects/my-app/app-cra(cra 생성 App.js App.css를 포함하는 ./src/ 포함)
node_modules를 포함하는 /projects/my-app/app-ssr(razzle 생성 항목을 포함하는 ./src/ 포함)

그러면 app-cra/src에는 ../../app.src에 대한 심볼릭 링크도 포함됩니다.
app-ssr/src에는 ../../app.src에 대한 심볼릭 링크도 포함되어 있습니다.

이런 식으로 소스는 같지만 진입점 스크립트가 다르고 razzle과 cra 간에 다른 node_modules를 공유할 수 있습니다.

불행히도 razzle은 심볼릭 링크된 디렉토리에서 바로 JS를 변환/컴파일하지 않습니다(해당 문제에 대해서는 cRA도 마찬가지임).

그래서 저는 CRA에 대해 rewire를 사용하고 있고 razle-config.js를 사용하여 심볼릭 링크된 디렉토리에서 내 JS 파일을 보도록 지시합니다.

지금 가지고 있는 razle-config.js에서 선택하고 싶다면 여기 stack-overflow에서 볼 수 있습니다(SSR에 사용하려는 라이브러리 중 하나에 문제가 발생하기 때문에 .. . 그래서 스택 오버플로에 대한 도움말을 검색합니다).

나는 기본 razzle(react-native-web, react-vector-icons, sass, symlinked 디렉토리..., 선택한 node_modules 모듈을 전송하는 것보다 더 많은 일을 하고 있기 때문에 약간 복잡합니다. 배포 등)

https://stackoverflow.com/questions/50514135/error-in-react-native-vector-icons-when-using-for-web-server-side-rendering

흠, 답변 감사합니다. 아직도 만드는 방법을 몰라요.

@ifndefdeadmau5 CRA 앱을 유지하세요.

a) CRA 앱의 동일한 폴더 수준에서 create-razzle-app을 사용하여 다른 새 앱을 만듭니다.

b) 두 앱 간에 공유하려는 파일을 공통 폴더로 이동합니다.

c) b)에서 생성한 폴더를 가리키는 두 앱의 src 디렉토리에서 심볼릭 링크를 생성합니다.

d) razzle-config.js를 사용하고 (CRA 앱의 경우) 다시 배선하여 웹팩이 c) 단계에서 생성된 심볼릭 링크의 JS 파일을 전송하도록 지시합니다.

나는 예를하는 다른 방법을 알아낼 수 없었으므로 다른 사람들이 더 나은 대답을 할 수 있습니다 ...

@jaredpalmer 안녕하세요, CRA에서 razzle 서버 렌더링 앱으로 마이그레이션하고 readme에서 관련 문서를 업데이트하는 방법에 대한 솔루션을 제공할 수 있습니까? 미리 감사드립니다.

헐! 그래서 여기 오픈 소스와 일상 업무 및 생활 사이의 거래가 있습니다. 관리해야 할 것이 많기 때문에 GitHub 봇을 사용하여 여기저기서 몇 가지를 자동화합니다. 이 특정 GitHub 봇은 최근 활동이 한동안 없었기 때문에 이것을 부실한 것으로 표시할 것입니다. 며칠 동안 더 이상 활동이 없으면 폐쇄됩니다. 이 작업을 개인적으로 심각하게 받아들이지 마십시오. 이것은 완전히 자동화된 작업입니다. 이것이 실수라면 댓글, DM, 캐리어 비둘기 또는 연기 신호를 보내십시오.

비활성 상태로 인해 ProBot이 이를 자동으로 닫았습니다. 이것이 실수라면 Holler, 그리고 우리는 그것을 다시 열 것입니다.

같은 질문이 있습니다. 맞춤형 React 앱을 만들었습니다. razzle을 어떻게 통합할 수 있습니까?

이에 대한 업데이트가 있습니까?

나는 이것에 대한 몇 가지 자습서가 있어야한다는 동일한 질문이 있습니다.

어떤 진전이 있습니까?

저도 이것에 문제가 있습니다. 완벽하게 작동하는 CRA 앱이 있었고 index.tsx 의 이름을 client.tsx 로 바꾸고 서버를 index.ts 에 추가하여 Razzle로 마이그레이션하려고 시도했지만 razzle start 를 실행할 때 그것은 클라이언트와 서버 코드를 묶으려는 것처럼 보이며 다음과 같은 오류를 던집니다.

These dependencies were not found:

* fs in ../.yarn/$$virtual/babel-plugin-styled-components-virtual-cfb9253662/0/cache/babel-plugin-styled-components-npm-1.11.1-9e78975a1c-4b545bed54.zip/node_modules/babel-plugin-styled-components/lib/visitors/displayNameAndId.js, ../.yarn/cache/cosmiconfig-npm-6.0.0-cb7d64a2b9-bbd6bbaefe.zip/node_modules/cosmiconfig/dist/readFile.js and 4 others
* module in ../.yarn/cache/resolve-patch-af4189aea7-9e62d2803a.zip/node_modules/resolve/lib/normalize-options.js, ../.yarn/cache/resolve-from-npm-4.0.0-f758ec21bf-87a4357c0c.zip/node_modules/resolve-from/index.js

누구든지 같은 것이 있거나이 문제를 해결하는 방법을 알고 있습니까?