반응형 프로그래밍/gulp.js5 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-uglify를 이용하여 babel로 컴파일된 javascript 파일 축소하기(minify) 목차 1. gulp - babel을 이용하여 개발 환경설정 2. gulp - Javascript를 babel을 이용하여 컴파일하기 3. gulp - Uglify를 이용하여 babel로 컴파일된 javascript 파일 축소하기 4. gulp - Node + TypeScript 컴파일하기 5. gulp - uglify를 이용하여 컴파일된 typescript 파일 축소하기(minify) node 프로젝트를 babel로 컴파일 후 파일 사이즈를 줄이기 위하여 gulp-uglify 를 이용하여 축소 할 수 있다. 이전 node 프로젝트의 연속포스트 이기때문에 앞부분 궁금하면 먼저 보고 오길 추천한다. 필요한 node 모듈을 설치한다 $ yarn add gulp-uglify -D gulpfile.babel.js .. 2021. 1. 21. gulp - javascript를 babel을 이용하여 컴파일하기 목차 1. gulp - babel을 이용하여 개발 환경설정 2. gulp - Javascript를 babel을 이용하여 컴파일하기 3. gulp - Uglify를 이용하여 babel로 컴파일된 javascript 파일 축소하기 4. gulp - Node + TypeScript 컴파일하기 5. gulp - uglify를 이용하여 컴파일된 typescript 파일 축소하기(minify) javascript 컴파일 하기 node.js프로젝트의 js파일 한가지만 간단하게 컴파일하는 방법을 알아보자. gulp개발환경 세팅이 아직 안되어 있으면 이전포스트를 참고하길 바란다. src 폴더에 javascript 파일을 생성 후 테스트 코드를 작성 src / components / utils.js; const plus .. 2021. 1. 21. 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 다음 반응형
