Jinwoo Choi
최진우 블로그
Jinwoo Choi
전체 방문자
27,416
오늘
4
어제
30
  • Category
    • Business
      • 인사이트
      • 생각정리
      • 회고
      • 성과 및 업데이트
      • 법인운영과 투자공부
      • HR
      • News
      • Invest
    • Brand
      • 카페 로그
      • 롱블랙 로그
      • 국내 회사 공부
    • Dev
      • 코드와 개발 이야기
      • css
      • javascript
      • react, vue
      • go
      • cloud
      • linux
      • algorithm
      • python
      • VSCode
      • cinema4d
      • 3dsmax
      • git
      • 협업 툴 & 업무환경
      • mac
    • Art
      • 디자인
      • 예술과 건축, 철학 그리고 공간
      • 클래식 이야기
    • 기타
      • 낙서와 회고 (비공개)
      • 역사 메모
      • 영어 메모
      • 여행 로그
      • 신체 및 건강

블로그 메뉴

  • About

인기 글

  • [slack] 슬랙 이모지 모음 url
    2022.08.26
    [slack] 슬랙 이모지 모음 url
  • [2021 예비창업패키지] 2차 합격 후기 (코로나 시즌)
    2021.05.30
    [2021 예비창업패키지] 2차 합격 후기 (코로나 시즌)
  • [노션]페이지 멘션과 페이지 링크 차이점
    2022.06.17
    [노션]페이지 멘션과 페이지 링크 차이점
  • [python2.7] setup.py로 배포 적용(impo⋯
    2020.12.07
    [python2.7] setup.py로 배포 적용(impo⋯
  • [3dsMax python] Menu & Macroscri⋯
    2021.02.01
    [3dsMax python] Menu & Macroscri⋯

최근 댓글

  • 안녕하세요 :) 덕분에 잘 사용했습니다. !!
    Jinwoo Choi
  • 안녕하세요 Calendar2notion 개발자 혀느현스입니⋯
    오피즈 혀느현스
  • 공감하고 가요 ^^
    아이폰 14 프로 맥스
  • 이후에 어떻게 되셨나요?
    ㅇㅇㅇㅇ

최근 글

  • 터키어 공부
    2023.03.24
  • 스타트업 대표를 이용
    2023.03.23
  • 유명대표들의 Exit 금액에서 자신이 금액을 밝힌 사람이 ⋯
    2023.03.22
  • 컴퓨터 빠르게 잘 다룬다. 근데 본질은?
    2023.03.22
    컴퓨터 빠르게 잘 다룬다. 근데 본질은?
  • gpt에게 조직문화에 대해 물어봤다.
    2023.03.22
    gpt에게 조직문화에 대해 물어봤다.
hELLO · Designed By pronist.
Jinwoo Choi

최진우 블로그

Dev/javascript

gulp 로 코드 minify & uglify + map 파일 만들기

2022. 11. 21. 18:30
728x90

 

https://blackblackblackblack.tistory.com/entry/%EC%BD%94%EB%93%9C-minify-%EB%82%9C%EB%8F%85%ED%99%94

 

코드 minify + 난독화

업체에 알려지면 안된다고 해서 https://skalman.github.io/UglifyJS-online/ UglifyJS 3: Online JavaScript minifier // Documentation of the options is available at https://github.com/mishoo/UglifyJS2 { parse: { bare_returns : false, ecma : 8, expr

jinwoochoi.com

 

이걸로 전달했더니 어렵다고

이번에는 minify 만 해달라고 한다. 

+ map 파일은 디버깅을 위해 만들어 주자

 

gulp

를 사용했다.

gulpfile.js 라는 이름으로 root에 있어야한다.

let gulp = require("gulp");
let rename = require("gulp-rename");
var sourcemaps = require("gulp-sourcemaps");
let uglify = require("gulp-uglify-es").default;

gulp.task("uglify", function () {
  return (
    gulp
      .src("디렉토리위치/어쩌구.js")
      .pipe(rename("어쩌구.min.js"))
      .pipe(sourcemaps.init())
      .pipe(uglify())
      // .pipe(sourcemaps.write()) // Inline source maps.
      // For external source map file:
      .pipe(sourcemaps.write("./maps")) // In this case: lib/maps/bundle.min.js.map
      .pipe(gulp.dest("디렉토리위치/"))
  );
});

임포트 된거 다 yarn add 하고 실행했다. 

gulp uglify

하면 실행된다

728x90
    'Dev/javascript' 카테고리의 다른 글
    • [vue] 처음 시작해보기 메모
    • map안에서 if쓸때
    • Object.create() 란
    • JavaScript assign 문법
    Jinwoo Choi
    Jinwoo Choi
    Be Übermensch! 안녕하세요, 최진우입니다 :) 개발, 비지니스 인사이트 글을 가볍게 작성합니다. The journey is the reward.
    댓글쓰기
    이전 글
    [vue] 처음 시작해보기 메모

    티스토리툴바