node.js - 使用 webpack 中定义的 Alias 进行客户端 React 渲染但有问题

Question

使用 webpack 中定义的 Alias 进行客户端 React 渲染，但尝试使用 Express 在 Node 服务器上渲染时出现问题。

我在 webpack 示例中定义了一些别名

resolve: {
    extensions: ['', '.js', '.jsx', '.cjsx', '.coffee', '.json'],
    alias: {
      pages: path.join(__dirname, 'js/MGPages.js'),
    }
  },

但是当在 Node 服务器上需要我的主应用程序文件时，我收到以下错误

Error: Cannot find module 'pages'

客户端别名工作正常，但如何在 Node 服务器端解决此问题。我不想更改客户端 react 组件上导入文件的代码。

Answer 1

如果您没有对 Node 运行的文件进行 webpack(例如，如果您使用 babel-register 来代替)，则别名将不适用。

如果您想要执行从“pages”导入页面之类的操作，而无需指定路径，您可能需要使用类似 rewrite-modules 的内容(这就是 React 内部所做的)。