본문 바로가기

Computer Science/[dev]web

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

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