如何防止 webpack 分析动态导入？

Question

我有一个可以在浏览器或电子中运行的前端应用程序。

当它在电子上下文中运行时，它可以访问node 环境。

在前端应用中，我想导入电子节点模块，这在浏览器中显然是不可用的。

所以我有这个动态导入，理论上我希望它在应用程序在浏览器中运行时失败并在电子/节点上下文中运行时成功。

const electron = await import('electron');

console.log(electron);

但是，webpack 在构建时会抱怨各种错误，例如

找不到模块：错误：无法解析“.../app/node_modules/electron”中的“路径”

我使用动态导入的原因首先是为了避免构建错误，因为我认为代码只会在运行时执行，但是 webpack 需要分析所有导入来创建包。

如何让 webpack 忽略这个特定的动态导入或所有动态导入？

Answer 1

我没有在前端导入电子，而是使用preload 选项来加载节点内容。