Webpack bundle 导入定义为外部的整个包答案

【问题标题】：Webpack bundle imports whole package defined as externalWebpack bundle 导入定义为外部的整个包
【发布时间】：2022-11-25 02:17:00
【问题描述】：

我有一个带有图标的包（包 A），当在其他应用程序（webpack 或 vite - 无关紧要）中使用时，它总是包含 100% 有效的导入图标。当在包 B (webpack) 中使用相同的图标包时会出现问题，并提供 externals 以忽略所有依赖项的捆绑（使用 https://www.npmjs.com/package/webpack-node-externals）。然后使用包 B 的应用程序从包 A 导入每个图标。

我尝试了几个配置选项，如 library.type = 'module'、externalsPresets.web = true 和许多其他选项，但似乎没有任何效果。据我了解，将外部设备与externalsPresets.node = true 一起使用会强制捆绑包使用require，这会导致所有麻烦，但有什么办法可以解决吗？在包 B 捆绑包中，我认为有一部分强制包含所有图标

de=require("packageA");
...{icon: de.Info}...

我认为因为那部分，最终应用程序正在加载整个包 A

【问题讨论】：

标签： webpack webpack-5

【解决方案1】：

不幸的是，唯一对我有用的是转向 rollup.js

【讨论】：