Electron + Angular CLI 如何使用电子打包器打包 dist

Question

我有一个要分发的 Electron 和 Anguarjs CLI 应用程序。

运行ng build --prod 后，我得到了一个~1Mb 的dist 目录。 然而，在运行electron-packager . 之后，应用程序的大小约为 350Mb。

我的电子 main.js 设置指向 dist 的 index.html，但我猜 package 命令不使用 dist 来构建应用程序，而是使用臃肿的开发版本. 我尝试在dist 中运行electron-packager .，它仍然会创建一个巨大的应用程序。

有没有办法打包dist 文件夹？ 我应该使用不同的打包工具吗？

我的目标是打包应用程序，这样就不会影响分发带宽。

Answer 1

来自electron-packagerreadme.md：

注意不要将你不想要的 node_modules 包含在你的 final 中 应用程序。如果你把它们放在 package.json 的 devDependencies 部分， 默认情况下，与这些依赖项相关的模块都不会 复制到应用程序包中。

角度 CLI 在内部使用 webpack 来捆绑您的代码。为了减少电子包的大小，任何已经被 webpack 捆绑的东西，目前在你的 package.json 的 dependencies 部分可以进入 devDependencies 部分。这将阻止 electron-packager 捆绑任何您实际上没有引用的 node_modules 代码，因为 webpack 在捆绑您的 dist 文件夹中的输出块时已经提取了它。