Webpack 在web应用程序之间共享javascript代码

我正在开发两个web应用程序（一个用于桌面，一个用于移动），它们将共享（希望）80%的代码

我正在使用ES6模块和webpack来创建JS包

现在，共享代码是最简单的部分。问题在于没有共享的代码。每个应用程序中不同的代码

例如，假设我有两个javascript文件：

app.js（在不同上下文之间共享-web和移动）：

foo.js（网络）：

foo.js（手机）：

请注意，

app.js

在应用程序之间共享，它使用在每个应用程序中具有不同实现的

foo.js

。我想创建两个bundle，每个实现一个

处理这种情况的正确方法是什么

我可以在React Native中想到类似的东西-创建两个带有后缀的文件：

foo.web.js

foo.mobile.js

但是仍然通过相同的路径导入它们：

/foo

；并使用webpack创建两个包，并根据应用程序的类型获取正确的文件

---

有更好的方法吗？

您可以使用任何您喜欢的文件结构，只需获得webpack即可将所选模块名称解析为相应的文件。您可以使用任何您喜欢的文件结构，只需获得webpack即可将所选模块名称解析为相应的文件。

import foo from './foo';

// ...    

export default foo = () => {
    //do some web logic ...
}

export default foo = () => {
    //do some mobile logic ...
}