1

我们已经编译了 Angular 4 项目并与汇总捆绑在一起,并且没有延迟加载。在启动期间编写脚本大约需要 3 秒。我需要减少这个时间。我发现了启动时间少于 1 秒的 Angular 4 应用程序示例:http ://www.syntaxsuccess.com/bundling-demo-rollup#/demo/spreadsheet 。所以我相信可以减少我们的启动时间。下面是我们应用程序的跟踪。 痕迹

一些函数调用是可疑的:build、compileComponent 和 _compileTemplate。这是aot编译,仍在启动时构建和编译。我没有找到任何有用的信息。欢迎任何关于它如何发生或为什么它是正确的建议。

也欢迎任何有关如何改善启动加载时间的建议。

UPD

下面的来源选项卡 在此处输入图像描述

tsconfig-rollup.json

{
    "extends": "./tsconfig.json",
    "files": [
        "temp/app/main.ts"
    ],
    "angularCompilerOptions": {
        "genDir": "temp/aot",
        "skipMetadataEmit": true
    }
}

tsconfig.json

{
"compileOnSave": false,
"compilerOptions": {
    "module": "es2015",
    "target": "es5",
    "moduleResolution": "node",
    "sourceMap": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "noImplicitAny": false,
    "removeComments": true,
    "declaration": false,
    "suppressImplicitAnyIndexErrors": true,
    "allowSyntheticDefaultImports": true,
    "typeRoots": [
        "./node_modules/@types"
    ],
    "lib": [
        "es2015",
        "es2017",
        "dom"
    ]
},
"exclude": [
    "node_modules"
]

}

4

0 回答 0