Webpack을 사용하고 있으며 Angular 2에서 Angular 4로 성공적으로 업그레이드했습니다. 그러나 컴파일 된 vendor.js도 app.js도 파일 크기가 60 % 줄어들 것으로 예상되지 않습니다.
이전 vendor.js : 913kb 현재 : 975kb
이전 app.js : 308kb 현재 : 307kb
내가 무엇을 놓치고 있습니까? 파일 크기 감소를 활용하려면 Angular CLI를 사용해야합니까?
내 package.json :
"dependencies": {
"@angular/common": "~4.0.1",
"@angular/compiler": "~4.0.1",
"@angular/core": "~4.0.1",
"@angular/forms": "~4.0.1",
"@angular/http": "~4.0.1",
"@angular/platform-browser": "~4.0.1",
"@angular/platform-browser-dynamic": "~4.0.1",
"@angular/router": "~4.0.1",
"core-js": "^2.4.1",
"rxjs": "5.0.1",
"zone.js": "^0.8.4"
},
"devDependencies": {
"@types/node": "^6.0.45",
"angular2-template-loader": "^0.6.0",
"awesome-typescript-loader": "^3.0.4",
"copy-webpack-plugin": "^4.0.0",
"css-loader": "^0.25.0",
"css-to-string-loader": "^0.1.2",
"extract-text-webpack-plugin": "^1.0.1",
"file-loader": "^0.8.5",
"html-loader": "^0.4.3",
"html-webpack-plugin": "^2.15.0",
"ng2-facebook-sdk": "^1.1.0",
"null-loader": "^0.1.1",
"raw-loader": "^0.5.1",
"resolve-url": "^0.2.1",
"rimraf": "^2.5.2",
"style-loader": "^0.13.1",
"to-string-loader": "^1.1.5",
"typescript": "~2.1.6",
"webpack": "^1.13.0",
"webpack-dev-server": "^1.14.1",
"webpack-merge": "^0.14.0"
}
}
Estus 의견을 바탕으로 (감사합니다). Angular 4 크기 축소 및 속도 향상을 이용하려면 일반적인 JiT (Just in Time Compilation)가 아닌 AoT (Ahead of Time Compilation)를 사용해야합니다. Angular Cli와 함께 AoT를 사용하여 클라이언트 브라우저 (플랫폼 브라우저) 용 AoT를 만듭니다.
Universal (플랫폼 서버를 사용하는 또 다른 형태의 AoT)을 사용하여 검색 엔진 인덱싱 및 SEO 이점을 위해 서버에서 Angular를 실행하는 것과 혼동하지 마십시오.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다