Progressive Web app 3

January 19, 2019

3. Angular에 PWA 적용시키기

Angular에서 PWA를 적용하는 것은 어렵지 않다.

Angular cli 명령어 입력을 하면

pwa

필요한 파일들을 알아서 만들어주고, package.json과 angular.json에 알아서 추가해준다.

service-worker를 제어하는 ngsw.config.json

index.html옆에 있는 manifest.json 및 icon을 자동으로 생성해주는데,

해당 파일들의 이름과 icon 등을 적절하게 수정해서 Deploy하기만 하면 됨!

참고자료

Code & Coffee