如何在 webpack 4 中配置子模块？

Question

我用 create-react-app、运行 npm run eject.

创建了一个新应用

我在子模块文件夹下添加了一个子模块：git submodule add https://github.com/my-library src/submodules.

在另一个组件中（不是来自子模块）我想从子模块直接导入I :

import { something } from 'my-library'

和不是具有这样的相对路径：

import { something } from '../sub-modules/my-library'

在哪里以及如何配置？

Answer 1

我建议您使用 webpack 别名，例如

...
resolve: {
  extensions: [...],
  alias: {
    'my-library': 'path/to/my-library'
  }
},
...

此外，如果您使用的是打字稿 - 请正确配置 paths。

希望这会有所帮助！

How to configure submodules in webpack 4?