반응형 gulp3 gulp-Uglify를 이용하여 typescript 파일 축소하기(minify) 목차 1. gulp - babel을 이용하여 개발 환경설정 2. gulp - Javascript를 babel을 이용하여 컴파일하기 3. gulp - Uglify를 이용하여 babel로 컴파일된 javascript 파일 축소하기 4. gulp - Node + TypeScript 컴파일하기 5. gulp - uglify를 이용하여 컴파일된 typescript 파일 축소하기(minify) 이전 포스트에서 gulp-uglify를 이용하여 javascript를 minify하는걸 알아보았다. 이번에는 typescript를 javascript로 컴파일 후 minify하는 방법을 알아보겠다. typescript를 minify하기위해서 2가지 방법이 있다. tsconfig.json파일의 target이 es5 일때와 es.. 2021. 1. 26. gulp - Typescript 컴파일 하기 목차 1. gulp - babel을 이용하여 개발 환경설정 2. gulp - Javascript를 babel을 이용하여 컴파일하기 3. gulp - Uglify를 이용하여 babel로 컴파일된 javascript 파일 축소하기 4. gulp - Node + TypeScript 컴파일하기 5. gulp - uglify를 이용하여 컴파일된 typescript 파일 축소하기(minify) 오늘은 node.js를 typescript를 이용하여 작성하는 방법을 알아보겠다. 기본적인 gulp개발환경설정은 이전포스트에서 확인 할 수 있다. typescript 모듈 설치 $ yarn add typescript gulp gulp-typescript -D typescript 예제파일 작성 src/components 폴더안.. 2021. 1. 24. gulp - babel을 이용하여 개발 환경설정 목차 1. gulp - babel을 이용하여 개발 환경설정 2. gulp - Javascript를 babel을 이용하여 컴파일하기 3. gulp - Uglify를 이용하여 babel로 컴파일된 javascript 파일 축소하기 4. gulp - Node + TypeScript 컴파일하기 5. gulp - uglify를 이용하여 컴파일된 typescript 파일 축소하기(minify) gulp 란 무엇인가? gulp는 흔히 Task Runner로 알려져있다. 많은 일을 Task로 만들고 그 Task를 실행하여 결과물을 자동으로 생성한다. Task 란? 자동 이미지압축 최신자바스크립트를 구형브라우저에서 이해 할 수 있도록 컴파일하는 등 여러가지 작업이 가능하다. 위 1번, 2번과 같은 일을 Task로 만들어.. 2020. 12. 22. 이전 1 다음 반응형
