Application Nest.js utilisant React et des ressources pour le rendu côté serveur

Question

Pas de code car je suis un peu incompris sur les principes fondamentaux du rendu serveur.

J'ai :

Nest.js configuré avec guidons. Il est construit à l'aide de TypeScript prêt à l'emploi. Je n'utilise pas de webpack ici. J'ai également créé un dossier séparé contenant la partie client de mon application. React, webpack, etc. sont déjà configurés et fonctionnent correctement.

Je dois créer un rendu de serveur. Pour cela, j'utilise ReactDOMServer. Tout fonctionne bien sauf lorsque vous rencontrez des composants SVG et des modules CSS.

C'est ma question : comment y faire face ? Quelle est la bonne approche ? Dois-je copier la configuration du webpack côté serveur (en référence aux ressources), ou existe-t-il un moyen de le faire fonctionner avec TypeScript (npm run build) ?

Merci pour votre aide !

Answer 1

Vous devez fournir des fichiers de ressources statiques https://docs.nestjs.com/recipes/serve-static

Vous devez installer @nestjs/serve-static

imports: [
  ServeStaticModule.forRoot({
    rootPath: join(__dirname, 'directory') // 文件路径,
  }),
],