使用webpack中定义的Alias进行客户端反应呈现但存在问题

Question

使用webpack中定义的Alias进行客户端反应呈现，但尝试使用Express发布时在Node服务器上呈现。

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

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

但在节点服务器上需要我的主应用程序文件时，我收到的错误

Error: Cannot find module 'pages'

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

Answer 1

如果您没有对节点运行的文件进行网络包装（例如，如果您正在使用babel-register），则别名将无法应用。

如果你想做import pages from 'pages'这样的事情而不必指定路径，你可能需要使用像rewrite-modules这样的东西（React在内部做的事情）。