使用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') // 文件路径,
  }),
],