Angular 我的电子应用程序大小是530mb。所以,我解压了asar文件,发现它有node_modules文件夹,它本身需要300 mb。如何删除它?

Angular 我的电子应用程序大小是530mb。所以,我解压了asar文件,发现它有node_modules文件夹,它本身需要300 mb。如何删除它?,angular,electron,electron-packager,Angular,Electron,Electron Packager,我刚刚解压了asar文件。请检查下面它有压缩和未压缩的node_模块如何删除它。这样我就可以将我的应用程序大小减少到200 mb。有没有办法从npm命令或其他解决方案中减少它? 我想从asar文件中删除node_modules文件夹。将帮助您减小npm应用程序的大小。它根据预定义的和自定义的glob模式从node_modules目录中查找并删除不必要的文件和文件夹 还介绍了如何减少应用程序大小。将帮助您减少npm应用程序的大小。它根据预定义的和自定义的glob模式从node_modules目录

我刚刚解压了asar文件。请检查下面它有压缩和未压缩的node_模块如何删除它。这样我就可以将我的应用程序大小减少到200 mb。有没有办法从npm命令或其他解决方案中减少它?

我想从asar文件中删除node_modules文件夹。

将帮助您减小npm应用程序的大小。它根据预定义的和自定义的glob模式从node_modules目录中查找并删除不必要的文件和文件夹

还介绍了如何减少应用程序大小。

将帮助您减少npm应用程序的大小。它根据预定义的和自定义的glob模式从node_modules目录中查找并删除不必要的文件和文件夹


还介绍了这一点以及如何减少应用程序的大小。

这主要是由于您如何包装您的电子应用程序,您可能需要从node_模块获得一些资料,因此它假定依赖于生产

您应该只为electron应用程序部署dist文件。然后将所有与开发相关的依赖项(如webpack)排除在开发依赖项之外。由于默认情况下启用了electron packer中的prune,因此它不会将这些内容添加到您的.asar中

同样的情况也适用于Vue、React、Angular或webpack处理过的任何其他库,如果你制作了一个dist文件夹,除了electron之外的任何东西都应该作为DevDependence,除非你真的希望它用于生产


如果您有像electron edje js这样的本机软件包,则无法从.asar中调用它,因此您可以通过将其放入devdependency中并将必要的二进制文件复制到生成的应用程序中来将其排除在打包之外。

这主要是由于您如何打包electron应用程序,您可能需要node_模块中的一些内容,以便它假定依赖关系用于生产

您应该只为electron应用程序部署dist文件。然后将所有与开发相关的依赖项(如webpack)排除在开发依赖项之外。由于默认情况下启用了electron packer中的prune,因此它不会将这些内容添加到您的.asar中

同样的情况也适用于Vue、React、Angular或webpack处理过的任何其他库,如果你制作了一个dist文件夹,除了electron之外的任何东西都应该作为DevDependence,除非你真的希望它用于生产


如果您有像electron edje js这样的本机软件包,则无法从.asar中调用它,因此您可以通过将其放入devdependency中并将必要的二进制文件复制到生成的应用程序中来将其从打包中排除。

在我的情况下,我复制了dist文件夹的副本以供参考。e、 我的目录是这样的

- root
    |- dist
    |- dist-old
    |- dist-test

在app.asar中,它包括dist old和dist test。似乎electron builder很贪婪,会将任何它无法识别的东西捆绑到应用程序中。

在我的情况下,我复制了dist文件夹以供参考。e、 我的目录是这样的

- root
    |- dist
    |- dist-old
    |- dist-test

在app.asar中,它包括dist old和dist test。似乎electron builder很贪婪,会将任何它无法识别的东西捆绑到应用程序中。

man您只需要部署dist文件夹。为什么要复制整个codebase.man?您只需要部署dist文件夹。为什么要复制整个codebase.asar文件,实际上是整个angular应用程序。如何仅在其中部署dist文件夹?当您调用electron packer时,您必须使用electron packager进行部署。/dist我假设您在项目根目录上进行部署?是的,我在不使用。/dist的情况下进行部署。如果我使用./dist进行构建,electron edge插件是否有效?不是现成的,您的dist只是数据文件.js/.jpg/的构建。json/.txt,而electron edge为您提供了一个.node二进制和.dll库。在我们的应用程序中,构建完成后,我们通过脚本将它们移动到build-electron应用程序中的/out/win unpacket/resources/。但是其他项目(例如slack)有一个名为/resources/asar unpacket/node_modules/node_modules的文件夹,仅用于对文件进行分组,所以没有标准的命名方法。实际上是一个包含整个angular应用程序的asar文件。如何仅在其中部署dist文件夹?当您调用electron packer时,您必须使用electron packager进行部署。/dist我假设您在项目根目录上进行部署?是的,我在不使用。/dist的情况下进行部署。如果我使用./dist进行构建,electron edge插件是否有效?不是现成的,您的dist只是数据文件.js/.jpg/的构建。json/.txt,而electron edge为您提供了一个.node二进制和.dll库。在我们的应用程序中,构建完成后,我们通过脚本将它们移动到build-electron应用程序中的/out/win unpacket/resources/。但是其他项目(例如slack)有一个名为/resources/asar unpacket/node_modules/node_modules的文件夹,仅用于对文件进行分组,所以没有标准的命名方法。这正是发生在我身上的事情,即使我的dist01、dist02等都在dust文件夹下。
.. 我完全删除了它们,我的应用程序现在又亮了!这正是发生在我身上的事情,即使我的dist01、dist02等都在一个灰尘文件夹下。。。我完全删除了它们,我的应用程序现在又亮了!它比npm prune好很多吗?它比npm prune好很多吗??