Angular에 Webpack 적용 후기 & Tip
Angular를 사용한 웹사이트를 만들었는데, 막상 Release 할 때 첫화면 로딩 성능이 잘 안나와서 급하게 Webpack을 적용해서 성능을 개선했던 기억을 간단하게나마 정리해본다. 기술적인 내용은 참고했던 사이트의 소개 위주로 간단하게 적고, 경험적인 내용을 추가로 정리해서 덧 붙인다. 우선 기술적인 내용! Webpack으로 AOT Compile and Bundling! 결론적으로! Webpack 적용해서 index.html 에는 bundled js 파일만 남겼다. 우선 AOT가 무엇인지 알아야 하는데, Angular는 2가지 compile 방법을 제공한다. 성능 개선이 목적이었기에 당연히 빠르다던 AOT를 적용했다. 1.Just-in-Time (JIT), which compiles your app..