Question

升级到Angular 6后，手表模式下的ng服务非常慢。这是我在本地运行它的方式

ng serve --c=dev --watch

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

有没有人面对这个问题？我做错了吗？

Answer 1

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

            "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"
            }
          ]
        },

Answer 2

如果您注意到，当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

如何让现场服务更快？

2 个答案: