angular - 如何减小275MB的Hello World Electron Electron 封装的大小？

Question

我目前正在使用Angular和Electron开发一个简单的Hello World应用程序(遵循本指南:https://angularfirebase.com/lessons/desktop-apps-with-electron-and-angular/)。步骤非常简单:

我用Angular cli创建了一个新文件夹；

我使用npm install electron --save-dev在开发环境中安装了 Electron ；

我安装了带有npm install electron-packager -g和npm install electron-packager --save-dev的 Electron 包装器；

我使用npm run build && npm run electron构建了Windows可执行文件。

但是，即使该应用程序是完全基础的，我也可以获得最终文件夹275MB 。

我知道Electron需要整个Chromium和NodeJS才能正常工作，但是在https://github.com/electron/electron/issues/2003和其他页面上，我读到人们设法获得〜30MB或至少100MB的软件包，仍然比275MB更好。有人可以帮我解释一下该怎么做吗？

如果您需要它，这是我的package.json:

{
  "name": "app-test",
  "version": "0.0.0",
  "main": "main.js",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e",
    "electron": "electron .",
    "electron-build": "npm run build && npm run electron"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "~8.2.14",
    "@angular/common": "~8.2.14",
    "@angular/compiler": "~8.2.14",
    "@angular/core": "~8.2.14",
    "@angular/forms": "~8.2.14",
    "@angular/platform-browser": "~8.2.14",
    "@angular/platform-browser-dynamic": "~8.2.14",
    "@angular/router": "~8.2.14",
    "rxjs": "~6.4.0",
    "tslib": "^1.10.0",
    "zone.js": "~0.9.1"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~0.803.21",
    "@angular/cli": "~8.3.21",
    "@angular/compiler-cli": "~8.2.14",
    "@angular/language-service": "~8.2.14",
    "@types/jasmine": "~3.3.8",
    "@types/jasminewd2": "~2.0.3",
    "@types/node": "~8.9.4",
    "codelyzer": "^5.0.0",
    "electron": "^7.1.8",
    "electron-packager": "^14.1.1",
    "jasmine-core": "~3.4.0",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~4.1.0",
    "karma-chrome-launcher": "~2.2.0",
    "karma-coverage-istanbul-reporter": "~2.0.1",
    "karma-jasmine": "~2.0.1",
    "karma-jasmine-html-reporter": "^1.4.0",
    "protractor": "~5.4.0",
    "ts-node": "~7.0.0",
    "tslint": "~5.15.0",
    "typescript": "~3.5.3"
  }
}

Answer 1

如果将--prod标记添加到构建命令中，则文件夹的大小应较小。
您可以在此处看到更多可能对您有所帮助的构建标记:https://angular.io/cli/build