파일 경량화 (Minification)
파일 경량화
크기가 큰 파일(JSON, CSS, HTML, XML, Javascript 등)은 축소(압축)할 필요가 있어 minified되어야 사용 용이
사용방법 1. Gulp를 이용하여 파일 크기를 줄이자!
(node.js, gulp 버전에 따라 문제많음)
- Gulp 실행하기 위해 node.js 다운로드받아 기본설정으로 설치
- gulpfile.js 작성/수정 : css파일 줄이기 위해
- gulp.task(‘css’, function () {
- package.json 작성/수정 : 필요한 node_modules 설치위해
- gulpfile.js 작성/수정 : css파일 줄이기 위해
-
npm install 실행 (package.json이 있는 소스폴더 루트에서)
-
node_modules폴더 생성된 것 확인
- gulp 실행 (ex. gulp css)
사용방법 2. VS Code 내 확장팩 MinifyAll 설치
- 디버깅이나 직접 수정할 수 있는 map파일은 만들어지지 않지만 경량화는 되니까…^^;
- 각 파일/폴더에서 오른쪽 마우스 눌리고 기존 버전 유지하고 새버전으로 저장(…min.파일 생성)