不適切な質問だったらごめんなさい、
私のプロジェクトはCRAによって作成され、Express.jsをバックエンドとして使用しています。
ドキュメントによると、始める唯一の方法は新しいrazzleアプリを作成することだと思われますか?
現在のプロジェクトに適用したいだけの場合はどうすればよいですか?
それが可能かどうかはわかりません。アプリを書き直さない限り
私は今これを自分で経験しています。
CRAプロジェクトを次のように設定しました。
/ projects / my-cra-app
上記の下に、src、node_modules、およびCRAが作成したその他すべてのものがあります。
私はそれにrazzleを混ぜる方法を理解できませんでした(そして最初は、razzleがCRAに取って代わり、実際に同じプロジェクトのクライアントレンダリング(ポート3001)とサーバーレンダリング(ポート3000)にサービスを提供できると思いました。しかしそれもうまくいきませんでした(私は以前、ここに質問を投稿しましたが、応答はありませんでした)。
また、私はwebpack4で最新のrazzle(alpha)を使用していますが、CRAはまだwebpack(3)ですが、webpack4の最初のコミットの一部がマスターブランチに到達しました...
だから今のところ私がしたことは次のとおりでした
/projects/my-app/app.src
node_modulesを含む/projects/ my-app / app-cra(./src/を含むcraで生成されたApp.js App.css)
node_modulesを含む/projects/ my-app / app-ssr(./src/にはrazzleで生成されたものが含まれます)
次に、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を選択したい場合は、ここでスタックオーバーフローで確認できます(SSRに使用しようとしているライブラリの1つで問題が発生しているためです。 。そのため、スタックオーバーフローに関するヘルプを検索します)。
私はデフォルトのラズル(react-native-web、react-vector-icons、sass、symlinked directorys ...、いくつかの選択されたnode_modulesモジュールを変換する)以上のことをしているので、少し複雑です。展開など)
うーん、答えてくれてありがとう。 それでもそれを作る方法がわからない
@ifndefdeadmau5はCRAアプリを保持します。
a)CRAアプリの同じフォルダーレベルで、create-razzle-appを使用して別の新しいアプリを作成します。
b)2つのアプリ間で共有するファイルを共通のフォルダーに移動します。
c)2つのアプリのsrcディレクトリからシンボリックリンクを作成し、b)で作成したフォルダーをポイントします。
d)razzle-config.jsとrewire(CRAアプリの場合)を使用して、手順c)で作成したシンボリックリンクのJSファイルを変換するようにWebpackに指示します。
私はイエスを行う別の方法を理解できなかったので、他の人がより良い答えを持っているかもしれません...
@jaredpalmerこんにちは、CRAからrazzleサーバーレンダリングアプリに移行し、readmeの関連ドキュメントを更新する方法についてのソリューションを提供できますか? 前もって感謝します。
ホラ! これがオープンソースと私の日常の仕事と生活の間の取り決めです。管理することがたくさんあるので、GitHubボットを使用してあちこちでいくつかのことを自動化します。 この特定のGitHubボットは、最近のアクティビティがしばらくないため、これを古いものとしてマークします。 数日以内にそれ以上の活動が発生しない場合は閉鎖されます。 これを個人的に(真剣に)行わないでください。これは完全に自動化されたアクションです。 これが間違いである場合は、コメントするか、DMを送信するか、キャリアピジョンを送信するか、発煙信号を送信してください。
非アクティブのため、ProBotはこれを自動的に閉じました。 これが間違いである場合はホラー、それを再開します。
私は同じ質問をしています。 カスタム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
誰かが同じことをしたか、これを修正する方法を知っていますか?
最も参考になるコメント
私は同じ質問をしています。 カスタムReactアプリを作成しました。 どうすればrazzleをそれに統合できますか?