Razzle: Как применить razzle к существующему проекту?

Сам сейчас через это прохожу.
У меня была настройка проекта CRA следующим образом:

/проекты/мое-кра-приложение
под вышеизложенным у меня есть src , node_modules и все остальное, созданное CRA.

Я не мог придумать, как добавить в него razzle (и сначала я думал, что razzle заменит CRA и сможет обслуживать Client-render (порт 3001) и Server-render (порт 3000) из одного проекта. Но это тоже не сработало (я задавал вопрос об этом ранее здесь, но ответов не было).
Также я использую последнюю версию (альфа) razzle с webpack4, в то время как CRA по-прежнему является webpack (3), хотя некоторые первоначальные коммиты для webpack 4 теперь попали в их главную ветку...

Итак, что я сделал на данный момент, было следующее

/проекты/мое-приложение/app.src
/projects/my-app/app-cra, который содержит node_modules (с ./src/, содержащим сгенерированный cra App.js App.css)
/projects/my-app/app-ssr, который содержит node_modules (с ./src/, содержащим сгенерированные вещи)

тогда app-cra/src также содержит символическую ссылку на ../../app.src
и app-ssr/src также содержит символическую ссылку на ../../app.src

таким образом, я могу использовать один и тот же источник, но разные сценарии точки входа и разные модули node_modules между razzle и cra.

к сожалению, razzle не будет транслировать/компилировать ваш JS прямо из каталогов с символическими ссылками (как и cRA в этом отношении).

Поэтому я использую rewire для CRA и razle-config.js, чтобы указать обоим просматривать мои файлы JS в каталогах с символическими ссылками.

если вы хотите выбрать razle-config.js, который у меня есть сейчас, вы можете увидеть его здесь, в переполнении стека (поскольку у меня возникла проблема с одной из библиотек, которые я пытаюсь использовать для SSR.. , поэтому ищу справку по переполнению стека для этого).

Это немного сложно, потому что я делаю больше, чем сбор по умолчанию (react-native-web, react-vector-icons, sass, каталоги с символическими ссылками..., транслируя некоторые выбранные модули node_modules, потому что их авторы решили не доставлять их для веб- развертывания и др.)

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

Хм, спасибо за ваш ответ. Все еще не понимаю, как это сделать, хотя

@ifndefdeadmau5 сохраните свое приложение CRA.

а) создайте еще одно новое приложение с помощью create-razzle-app на том же уровне папки в вашем приложении CRA.

б) переместите файлы, которыми вы хотите поделиться между двумя приложениями, в общую папку.

c) Создайте символические ссылки из каталога src двух приложений, указывающие на папку, созданную вами в b).

d) используйте razzle-config.js и перемонтируйте (для приложения CRA), чтобы указать веб-пакету передавать файлы JS в символических ссылках, созданных на шаге c).

Я не мог найти другого способа сделать да, поэтому у других могут быть лучшие ответы...

@jaredpalmer Здравствуйте, не могли бы вы предложить решение о том, как перейти с CRA на приложение для рендеринга сервера razzle и обновить соответствующий документ в файле readme? Заранее спасибо.

Хола! Итак, вот в чем дело, между открытым исходным кодом и моей повседневной работой и жизнью, а чем-то еще, мне есть чем управлять, поэтому я использую бота GitHub, чтобы автоматизировать несколько вещей здесь и там. Этот конкретный бот GitHub пометит это как устаревшее, потому что какое-то время в нем не было активности в последнее время. Он будет закрыт, если в течение нескольких дней не будет никакой активности. Не принимайте это близко к сердцу — это полностью автоматизированное действие. Если это ошибка, просто оставьте комментарий, напишите мне в ЛС, отправьте почтового голубя или дымовой сигнал.

ProBot автоматически закрыл это из-за бездействия. Крикните, если это ошибка, и мы снова откроем его.

У меня такой же вопрос. Я создал собственное приложение React. Как я могу интегрировать в него razzle?

Есть новости по этому поводу?

У меня тот же вопрос, должны быть некоторые учебники по этому вопросу.

есть прогресс с ним?

У меня тоже проблемы с этим. У меня было прекрасно работающее приложение CRA, и я попытался перейти на Razzle, переименовав index.tsx в client.tsx и добавив сервер в index.ts , однако, когда я запускаю 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

У кого-нибудь было так же или есть идеи, как это исправить?