reactjs - 如何从使用 webpack 创建的不同包中导入

Question

我有两个使用 webpack 的项目。现在我想把一个项目作为另一个项目的模块。我可以创建两个包，但不知道如何从另一个包导入。

详细说明一下:-假设我要从中导入的另一个文件如下所示:-

index2.js (Bundled as bundleTwo)

import SomeCompoent from "./components/SomeCompoent/SomeCompoent";
module.exports = {SomeCompoent}

在下面的文件中(在另一个包中 - bundleOne)我想导入组件(somecomponent):-

index1.js (in bundleOne)

import {SomeCompoent} from "bundleTwo";

但是这里的 bundleTwo 是不安全的

非常感谢任何帮助

Answer 1

我自己想出的一种方法是使用别名可以实现这一点。

要使这一行 import {SomeCompoent} from "bundleTwo"; 工作，bundleTwo 可以在别名中定义:-

 config:{
     resolve: {
        alias: {
          "bundleTwo": path.join(__dirname, "<path_to_the_bundleTwo>")
        }
   ....