gulp
JS 축소

통사론

• ext 출력 소스 및 확장 된 파일 확장명을 지정하는 객체입니다.
• source 파일을 출력하는 파일 이름의 접미어 문자열로 끝납니다.
• min 문자열의 경우 : 확장 된 파일을 출력하는 파일 이름의 접미사 문자열이 끝납니다.
• When Array : 정규식이 입력 파일 이름으로 대체됩니다. 예 : [/.(.*)-source.js$/, '$ 1.js']
• exclude dirs에있는 파일을 축소하지 않습니다.
• noSource dest 디렉토리에 소스 코드를 출력하지 않습니다.
• ignoreFiles 패턴과 일치하는 파일을 ignoreFiles 하지 않습니다.
• mangle false 이름을 건너 뛰려면 false 를 전달하십시오.
• output 추가 output options 을 지정하려면 객체를 전달하십시오. 기본값은 최상의 압축을 위해 최적화되어 있습니다.
• compress 객체를 전달하여 사용자 정의 compressor options 을 지정합니다. false를 전달하면 압축을 완전히 건너 뜁니다.
• preserveComments options.output.comments에 대한 편리한 옵션입니다. 기본적으로 주석을 유지하지 않습니다.
• all 코드 블록에 모든 주석을 보존합니다.
• some 강타 (!) 시작하는 주석을 유지하거나 클로저 컴파일러 지시문 (@preserve, @license, @cc_on)
• function 사용자 고유의 주석 보존 function 지정하십시오. 현재 노드와 현재 주석을 전달 받고 true 또는 false 를 반환 할 것으로 예상됩니다.

비고

gulp-minify를 사용하여 JS 축소

첫째, 설치 gulp 하고 gulp-minify 로컬 디렉토리를 프로젝트에

npm install --save-dev gulp gulp-minify

그런 다음 gulpfile.js 에 다음 min-js 작업을 추가하십시오 gulpfile.js

var gulp = require('gulp');
var minify = require('gulp-minify');

gulp.task('min-js', function() {
    return gulp.src('lib/*.js')
        .pipe(minify({
            ext: {
                min: '.min.js'
            },
            ignoreFiles: ['-min.js']
        }))
        .pipe(gulp.dest('lib'))
});

gulp.task('watch', function(){
  gulp.watch('lib/*.js', ['min-js']); 
  // Other watchers
});

gulp.task('default', ['min-js', 'watch']);

이 작업은 lib 디렉토리에있는 모든 js 파일을 찾아 minfy하고 lib 디렉토리에 .min.js 접미어로 저장합니다. 예를 들어, lib/app.js 파일이 생성되면 lib/app.min.js 파일이 생성됩니다.

'default' 꿀꺽 꿀꺽하기 작업에 대한 종속성으로 실행하는 것 외에도이 작업은 다음 명령을 입력하여 수동으로 실행할 수 있습니다.

gulp min-js