angular - 如何让现场发球更快？

Question

升级到 Angular 6 后，在 watch 模式下的 ng serve 很慢。这是我在本地运行它的方式

ng serve --c=dev --watch

在单个文件中构建和提供简单的更改需要很长时间。就好像它正在做一个常规的ng build --prod

有人遇到过这个问题吗？我做错什么了吗？

Answer 1

如果您注意到，当 Angular 构建 JavaScript 文件时，它会同时创建它们的源映射文件。**例如：

stlye.js — — style.js.map — — 3.44 MB
vendor.js — — vendor.js.map — — 8.05 MB
main.js — — main.js.map — — 3.68 MB
pages-admin-question-admin-question-module.js — — pages-admin-question-admin-question-module.js.map — — 426 kB*

当您执行服务时，Angular 会从内存而不是 dist 文件夹（文件系统）为应用程序提供服务。这意味着整个代码（连同映射文件）将被加载到系统的内存中，这是您的系统或 IDE 变慢的主要原因。

**如何在开发过程中关闭源地图生成？

好吧，要通过命令将其关闭，请运行ng serve --sourceMap=false或ng serve --source-map=false. 对于离子应用程序 运行 ionic serve --source-map=false

Answer 2

我认为这是由于配置。大多数情况下，我使用--c=local的速度足够快，但为了进行故障排除，我需要在升级后使用开发环境配置

            "local": {
          "fileReplacements": [
            {
              "replace": "src/environments/environment.ts",
              "with": "src/environments/environment.local.ts"
            }
          ]
        },
        "dev": {
          "optimization": true,
          "outputHashing": "all",
          "sourceMap": false,
          "extractCss": true,
          "namedChunks": false,
          "aot": true,
          "extractLicenses": true,
          "vendorChunk": false,
          "buildOptimizer": true,
          "fileReplacements": [
            {
              "replace": "src/environments/environment.ts",
              "with": "src/environments/environment.dev.ts"
            }
          ]
        },