是否可以在2个不同的文件夹中查找JS模块，而另一个文件夹则可以在另一个文件夹中查找

Question

我需要创建一个高度自定义的WebApp，并想知道是否以及如何使用ES6模块加载与WebPack结合使用，以覆盖较大的App-stack的单个文件。<<<<<<<<<<<<<<<<

所以假设我有一个目录结构，例如：

./src
|--/core
|--|--moduleA.js
|--|--moduleB.js
|--|--app.js
|--/theme
|--|--moduleB.js

和我的app.js内容就像

import moduleA from "./moduleA";
import moduleB from "./moduleB";
console.log(moduleA); // out: i am from core!
console.log(moduleB); // out: i am from theme!

因此，主题/目录只需覆盖核心文件...

是否可以使用WebPack Loader Config解决此问题，还是我必须运行一个预构建，在该构建中，我将所有文件从核心复制到第三位置，然后对主题目录进行相同的内容，然后进行构建从该第三目录。

我知道如何使用第三个位置和合并的SRC文件解决此问题，但我更喜欢用WebPack解决此问题。

Answer 1

应该可以使用分辨模块。
您可以将core和theme同时添加为模块。定义 theme首先，所以webpack首先在那里查看。

modules: [
    path.resolve(__dirname, "src/theme"),
    path.resolve(__dirname, "src/core"),
    'node_modules',
]

然后在没有相对路径的情况下导入模块。只是from "moduleA"