Webpack resolve.alias 在节点/服务器端不起作用

Question

我想在发布该组件之前在主仓库中测试我的依赖关系。所以我使用webpack.resolve.alias 在客户端似乎一切都很好，但在服务器端却不起作用。在服务器端，它仍然引用node_modules 而不是别名路径。在我的 webpack 配置中，我有 2 个捆绑包（服务器和客户端）。

resolve: {
  alias: {
    '@select/components': path.resolve(__dirname, '../../components/packages/components/src'),
    react: path.join(__dirname, "../node_modules/react"),
    "react-dom": path.join(__dirname, "../node_modules/react-dom"),
    "styled-components": path.join(__dirname, "../node_modules/styled-components")
  }
},

Answer 1

对所有别名使用 path.resolve：

resolve: {
  alias: {
    '@select/components': path.resolve(__dirname, '../../components/packages/components/src'),
    'react': path.resolve(__dirname, '../node_modules/react'),
    'react-dom': path.resolve(__dirname, '../node_modules/react-dom'),
    'styled-components': path.resolve(__dirname, '../node_modules/styled-components')
  }
},

从技术上讲，join 和 resolve 与 __dirname 应该给出相同的结果，但我个人的偏好是使用 path.resolve 作为别名。

关于join vs resolve有一个很好的解释。