使用React和資源進行伺服器端渲染的Nest.js應用程式

Question

因為我對伺服器渲染的核心原理有點誤解，所以沒有程式碼。

我有：

Nest.js配置了Handlebars。它是使用TypeScript開箱即用的。我這裡不使用webpack。 我還創建了一個獨立的資料夾，其中包含了我的應用程式的客戶端部分。已經配置了React、webpack等，並且可以正常工作。

我需要建立一個伺服器渲染。為此，我使用ReactDOMServer。一切都正常，除非遇到SVG組件和CSS模組。

這就是我的問題 - 如何處理它？ 什麼是正確的方法？我應該在伺服器端複製webpack配置（指的是資源），還是有辦法使其與TypeScript（npm run build）一起工作？

謝謝你的幫忙！

Answer 1

你需要提供靜態資源檔案 https://docs.nestjs.com/recipes/serve-static

你需要安裝 @nestjs/serve-static

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