Gulp-uglify не производит минимизированный выходной файл

Я пытался минимизировать мои js-файлы, но я не могу заставить gulp создать выходной файл. Для простоты я создал файл test.js в своем корневом каталоге и пытаюсь сжать gulp и отправить минимизированный файл в мою общую папку. Я бился головой об этом некоторое время, так что спасибо заранее! Вот мой файл app.js

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 ответ

Я понял это, мне просто нужно было установить gulp глобально, создать 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')
            ]
        );
    });
}); 

Затем в корневом каталоге перейдите в командную строку и запустите

gulp stream

Этот метод обрабатывает все ошибки и автоматизирует процесс, поэтому вам не нужно использовать CLI каждый раз, когда вы обновляете файл js.

Другие вопросы по тегам