Razzle: Bagaimana cara menerapkan razzle ke proyek yang ada?

Saya sendiri sedang mengalami ini sekarang.
Saya memiliki pengaturan proyek CRA dengan cara berikut:

/proyek/aplikasi-cra-saya
di bawah di atas, saya kemudian, memiliki src , node_modules dan semua hal lain yang dibuat CRA.

Saya tidak dapat menemukan cara untuk menggabungkan razzle ke dalamnya (dan pada awalnya, saya berpikir bahwa razzle akan menggantikan CRA, dan sebenarnya dapat melayani Render-Klien (port 3001) dan Render Server (porta 3000) dari proyek yang sama. Tetapi itu juga tidak berhasil (saya memposting pertanyaan tentang itu sebelumnya, di sini, tetapi tidak ada tanggapan).
Saya juga menggunakan razzle terbaru (alpha) dengan webpack4, sementara CRA masih webpack (3) meskipun beberapa komit awal untuk webpack 4 sekarang mendarat di cabang master mereka ...

Jadi apa yang saya lakukan untuk saat ini, adalah sebagai berikut

/proyek/aplikasi-saya/app.src
/projects/my-app/app-cra yang berisi node_modules (dengan ./src/ berisi App.js App.css yang dihasilkan cra)
/projects/my-app/app-ssr yang berisi node_modules (dengan ./src/ berisi hal-hal yang dihasilkan razzle)

kemudian app-cra/src juga berisi symlink ke ../../app.src
dan app-ssr/src juga berisi symlink ke ../../app.src

dengan cara ini saya dapat berbagi sumber yang sama tetapi skrip titik masuk yang berbeda, dan node_modules yang berbeda antara razzle dan cra.

sayangnya razzle tidak akan menerjemahkan/mengkompilasi JS Anda langsung dari direktori yang disinkronkan (cRA juga tidak dalam hal ini).

Jadi saya menggunakan rewire untuk CRA, dan razle-config.js untuk menginstruksikan keduanya untuk melihat file JS saya di direktori symlink.

jika Anda ingin memilih di razle-config.js yang saya miliki sekarang, Anda dapat melihatnya di sini di stack-overflow (karena saya mengalami masalah dengan salah satu perpustakaan yang saya coba gunakan untuk SSR.. .jadi mencari bantuan di stack-overflow untuk itu).

Ini agak rumit karena saya melakukan lebih dari sekadar razzle default (web-asli-reaksi, ikon-vektor-reaksi, sass, direktori yang disinkronkan..., menerjemahkan beberapa modul node_modules yang dipilih, karena penulisnya memilih untuk tidak mengirimkannya untuk web- penyebaran, dll)

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

Hmm, terima kasih atas jawabannya. Masih belum paham cara membuatnya

@ifndefdeadmau5 simpan aplikasi CRA Anda.

a) buat aplikasi baru lainnya dengan create-razzle-app, pada level folder yang sama di aplikasi CRA Anda.

b) pindahkan file yang ingin Anda bagikan di antara 2 aplikasi, ke dalam folder umum.

c) Buat tautan simbolis dari direktori src dari dua aplikasi, arahkan ke folder yang Anda buat di b).

d) gunakan razzle-config.js dan rewire (untuk aplikasi CRA) untuk menginstruksikan webpack untuk menerjemahkan file JS di symlink yang dibuat pada langkah c).

Saya tidak dapat menemukan cara lain untuk melakukan ya, jadi orang lain mungkin memiliki jawaban yang lebih baik...

@jaredpalmer Halo, dapatkah Anda memberikan solusi tentang cara bermigrasi dari CRA ke aplikasi rendering server razzle dan memperbarui dokumen terkait di readme? Terima kasih sebelumnya.

Halo! Jadi inilah masalahnya, antara open source dan pekerjaan sehari-hari dan kehidupan saya dan yang tidak, saya memiliki banyak hal untuk dikelola, jadi saya menggunakan bot GitHub untuk mengotomatiskan beberapa hal di sana-sini. Bot GitHub khusus ini akan menandai ini sebagai basi karena tidak memiliki aktivitas baru-baru ini untuk sementara waktu. Ini akan ditutup jika tidak ada aktivitas lebih lanjut yang terjadi dalam beberapa hari. Jangan menganggap ini pribadi--serius--ini adalah tindakan yang sepenuhnya otomatis. Jika ini kesalahan, cukup beri komentar, DM saya, kirim pidgeon pembawa, atau sinyal asap.

ProBot secara otomatis menutup ini karena tidak aktif. Holler jika ini adalah kesalahan, dan kami akan membukanya kembali.

Saya memiliki pertanyaan yang sama. Saya telah membuat Aplikasi React khusus. Bagaimana saya bisa mengintegrasikan razzle ke dalamnya?

Ada pembaruan tentang ini?

Saya memiliki pertanyaan yang sama harus ada beberapa tutorial tentang ini.

ada kemajuan dengannya?

Saya juga punya masalah dengan ini. Saya memiliki aplikasi CRA yang berfungsi dengan baik dan mencoba bermigrasi ke Razzle dengan mengganti nama index.tsx menjadi client.tsx dan menambahkan server ke index.ts , namun ketika saya menjalankan razzle start sepertinya mencoba untuk menggabungkan kode server dengan klien dan membuat kesalahan seperti

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

Adakah yang memiliki hal yang sama atau punya ide bagaimana cara memperbaikinya?