[Javascript] gulp 사용법 - js 파일 줄이기

자바스크립트 파일 압축(minify)

https://www.npmjs.com/package/gulp-minify

npm install gulp-cli -g
npm install gulp -g

npm install gulp -D

npm install gulp-minify gulp-changed --save-dev


//=========
- 전역설치된 패키지로 실행(사용하기 )
npm link gulp
npm link gulp-minify
npm link gulp-changed

- 해제
npm unlink


//================
gulpfile.js 설정 파일

//
var gulp = require('gulp');
var minify = require('gulp-minify');
const changed = require('gulp-changed');
var del = require('del');


//경로 설정
var paths = {
  scripts: {    
src: 'public/js/**/*.js',    //  '/**/'를 쓰면 하위 폴더에도 작업
dest: 'public/min/'  
}
};

//작업 설정
function min_js() {  
    return gulp.src(paths.scripts.src)

.pipe(changed(paths.scripts.dest, {extension: '.min.js'} ) )  // 변경된 파일에만 작업

    .pipe(minify({
        ext: {
            src:'-debug.js',  //원본에 -debug.js을 붙힌다
            min:'.min2.js' // 작업한 파일에 .min2.js를 붙힌다.
        },
        exclude: ['new'], // 작업에서 제외할 폴더 목록
        ignoreFiles: ['.combo.js', '-min.js'], // 작업 하지 않을 파일 목록, 그대로 복사된다
noSource : true, //소스 파일을 복사하지 않는다
    }))
    .pipe(gulp.dest(paths.scripts.dest));
}

//
exports.minjs = minjs1;
exports.default = minjs1;


//=============

* gulp 실행
gulp minjs
or
gulp