У меня есть приложение ng 8, доступное (https://anyteam.work/en/), если вы любезно осмотрите вкладку сети, угловой запрос дважды! Файлы имеют размер 4 Мб, но так как они были вызваны дважды, загрузка моей страницы почти9mb !!! и еще одна вещь, когда мое приложение было в angular 7, размер моего пакета был 3mb, после изменения в angular 8 размер пакета того же кода стал 3.5mb, мне было интересно, что этот дополнительный размер пакета 500k из-за новыхверсия фреймворка, или, как мои журналы пряжи недооценивают некоторые пакеты, имеющие некорректную зависимость от сверстников для некоторых более старых версий, более старые зависимости также объединяются?
содержимое файла index.html составляет
<!DOCTYPE html>
<html lang="{0}" dir="{1}" data-debug="{2}" data-user-id="{3}">
<head>
<meta charset="utf-8" />
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
<meta content="IE=edge" http-equiv="X-UA-Compatible" />
<meta
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
name="viewport"
/>
<link
data-do-not-remove-me="true"
href="/assets/bootstrap/bootstrap.{1}.min.css"
rel="stylesheet"
/>
<link
data-do-not-remove-me="true"
href="/assets/styles/loader.css"
rel="stylesheet"
/>
<link
data-do-not-remove-me="true"
href="/assets/pwa/favicon.ico"
rel="icon"
type="image/x-icon"
/>
<title>Any Team | achasoft.com</title>
</head>
<body>
<div id="app-loading-container" class="waiting-container full-screen">
<span class="waiting-spinner"></span>
</div>
<app-panel-root></app-panel-root>
<script
data-do-not-remove-me="true"
type="text/javascript"
src="/{0}/dynamics/translates"
></script>
<script
data-do-not-remove-me="true"
type="text/javascript"
src="/{0}/dynamics/enums"
></script>
</body>
</html>
частичное содержимое angular.json
{
"projectType": "application",
"schematics": {
"@schematics/angular:component": {
"style": "scss"
}
},
"root": "projects/main",
"sourceRoot": "projects/main/src",
"prefix": "app-main",
"architect": {
"build": {
"builder": "@angular-devkit/build-angular:browser",
"options": {
"outputPath": "../backend/AchaApplication.Web/wwwroot/app/main",
"index": "projects/main/src/index.html",
"main": "projects/main/src/main.ts",
"polyfills": "projects/main/src/polyfills.ts",
"tsConfig": "projects/main/tsconfig.app.json",
"assets": [
"projects/main/src/favicon.ico",
"projects/main/src/assets"
],
"styles": [
"projects/main/src/styles.scss"
],
"scripts": []
},
"configurations": {
"production": {
"fileReplacements": [
{
"replace": "projects/main/src/environments/environment.ts",
"with": "projects/main/src/environments/environment.prod.ts"
}
],
"optimization": true,
"outputHashing": "all",
"sourceMap": false,
"extractCss": true,
"namedChunks": false,
"aot": true,
"extractLicenses": true,
"vendorChunk": false,
"buildOptimizer": true,
"budgets": [
{
"type": "initial",
"maximumWarning": "5mb",
"maximumError": "6mb"
},
{
"type": "anyComponentStyle",
"maximumWarning": "6kb",
"maximumError": "10kb"
}
]
}
}
},
"serve": {
"builder": "@angular-devkit/build-angular:dev-server",
"options": {
"browserTarget": "main:build"
},
"configurations": {
"production": {
"browserTarget": "main:build:production"
}
}
},
"extract-i18n": {
"builder": "@angular-devkit/build-angular:extract-i18n",
"options": {
"browserTarget": "main:build"
}
},
"test": {
"builder": "@angular-devkit/build-angular:karma",
"options": {
"main": "projects/main/src/test.ts",
"polyfills": "projects/main/src/polyfills.ts",
"tsConfig": "projects/main/tsconfig.spec.json",
"karmaConfig": "projects/main/karma.conf.js",
"assets": [
"projects/main/src/favicon.ico",
"projects/main/src/assets"
],
"styles": [
"projects/main/src/styles.scss"
],
"scripts": []
}
},
"lint": {
"builder": "@angular-devkit/build-angular:tslint",
"options": {
"tsConfig": [
"projects/main/tsconfig.app.json",
"projects/main/tsconfig.spec.json",
"projects/main/e2e/tsconfig.json"
],
"exclude": [
"**/node_modules/**"
]
}
},
"e2e": {
"builder": "@angular-devkit/build-angular:protractor",
"options": {
"protractorConfig": "projects/main/e2e/protractor.conf.js",
"devServerTarget": "main:serve"
},
"configurations": {
"production": {
"devServerTarget": "main:serve:production"
}
}
}
}
}