javascript - 与 Webpack 的 resolve.root 选项同构 React

Question

我的 React 应用使用 Webpack 的 resolve.root 相对于我的 JS 文件的根目录。 IE。我的文件结构包含以下内容:

components
  App.react.js
containers
  AppContainer.react.js

在 AppContainer.react.js 中，我有:

import App from 'components/App.react';

这在客户端有效。现在我试图让它同构。如果我在我的 server.js 中需要 AppContainer.react.js，它会说找不到 components/App.react。 Node 正在尝试要求 containers/components/App.react.js，但它不存在。如何使 Node 相对于给定目录进行 require？

编辑:我的目录结构如下所示:

css/
html/
js/
  components/
    App.react.js
  containers/
    AppContainer.react.js
  main.js <- requires AppContainer
public/
server/
  server.js <- requires AppContainer

Answer 1

你可以使用 https://github.com/halt-hammerzeit/universal-webpack .这将让您保持相同的 webpack 配置(例如 resolve.root 和任何别名)，另外帮助您转向服务器端渲染。使用文档提供了一个很好的示例，说明如何启动和运行它。