2017-10-06 8 views
0

js 파일을 축소하려고 시도했지만 gulp를 사용하여 출력 파일을 생성 할 수 없습니다. 일을 단순하게 유지하기 위해 루트 디렉토리에 test.js 파일을 만들었고 gulp가 압축하여 내 공용 폴더로 축소 된 파일을 보내려고했습니다. 나는 잠시 동안 이것에 나의 머리를 세게 치고 있었다. 그래서 사전에 감사드립니다! 여기 내 app.js는Gulp-uglify가 소형 출력 파일을 생성하지 않음

var gulp = require('gulp'); 
var uglify = require('gulp-uglify'); 
var pump = require('pump'); 

var app = express(); 

// view engine setup 
app.set('views', path.join(__dirname, 'app_server', 'views')); 
app.set('view engine', 'jade'); 

gulp.task('compress', function(cb) { 
    pump([ 
     gulp.src('./test.js'), 
     uglify(), 
     gulp.dest('./public') 
    ], 
    cb 
); 
}); 

내 test.js이

var myFunc = function(aa, bb) { 
    return aa + bb; 
}; 

myFunc(1, 2); 

그리고 내가 그것을 알아 냈

"devDependencies": { 
    "gulp": "^3.9.1", 
    "gulp-uglify": "^3.0.0", 
    "pump": "^1.0.2" 
    } 
+1

'uglify()'함수없이 출력을 얻었습니까? 그리고 이것을 실행하기 위해 어떤 명령을 사용하고 있습니까? – Jerodev

+0

@Jerodev uglify()를 사용하지 않고 시도 했으므로 명령을 사용하지 않았습니다. 내 기본 app.js 파일에 있습니다. 따라서 프로세스가 시작될 때 실행될 것으로 예상했습니다. –

+0

어떻게 이것을 포함시킬 수 있습니까? 'app.js'에있는 파일? – Jerodev

답변

0

내 종속 파일을 파일입니다, 난 그냥 전 세계적으로 쭉 마시는를 설치했다하는을 만들 gulpFile.js를 내 루트 디렉토리에 복사하고 파일에이 내용을 넣으십시오.

var gulp = require('gulp'); 
var uglify = require('gulp-uglify'); 
var concat = require('gulp-concat'); 
var watch = require('gulp-watch'); 
var pump = require('pump'); 

gulp.task('stream', function() { 
    return watch('app_client/**/*.js', function() { 
     pump([ 
      gulp.src([ 
       'app_client/app.js', 
       'app_client/home/home.controller.js' 
      ]), 
       concat('loc8r.min.js'), 
       uglify(), 
       gulp.dest('./public/angular') 
      ] 
     ); 
    }); 
}); 
당신이 JS를 업데이트 CLI마다 시간을 사용하지 않아도

그런 다음 루트 디렉토리에, 명령 줄에 이상 머리는 모든 오류 처리와

gulp stream 

이 방법 거래를 실행하고 프로세스를 자동화 파일

+0

Vscode 확장 기능도있다. https://marketplace.visualstudio.com/items?itemName=HookyQR.minify (심지어 uglify를 사용하여) 그리고 또한 CSS와 HTML에서 작동합니다. – Mark