我们已经编译了 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"
]
}