狼吞虎咽不起作用

Question

我希望任务'js‘接受目录中的.js(而不是.min.js)文件，并将它们放在一个后缀为’..min‘的目录中，但它不能处理目录中的许多文件，我的任务是：

gulp.task('js', function(cb) {
    pump([
            gulp.src(['js/*.js', '!js/*.min.js']),
            uglify(),
            rename({suffix: '.min'}),
            gulp.dest('js/signup/' + pathDist)
        ],
            cb
        );
 });

&我的“手表”任务：

gulp.task('watch', ['js'], function() {
    gulp.watch(['js/*.js', '!js/*.min.js'], ['js']);
});

gulpfile.js：

var gulp            = require('gulp'), // Подключаем Gulp
    cssnano         = require('gulp-cssnano'), // Подключаем пакет для минификации CSS
    concat          = require('gulp-concat'), // Подключаем gulp-concat (для конкатенации файлов)
    rename          = require('gulp-rename'), // Подключаем библиотеку для переименования файлов
    uglify          = require('gulp-uglifyjs'), // Подключаем gulp-uglifyjs (для сжатия JS)
    del             = require('del'), // Подключаем библиотеку для удаления файлов и папок
    imagemin        = require('gulp-imagemin'), // Подключаем библиотеку для работы с изображениями
    pngquant        = require('imagemin-pngquant'), // Подключаем библиотеку для работы с png
    autoprefixer    = require('gulp-autoprefixer'), // Подключаем библиотеку для автоматического добавления префиксов
    cache           = require('gulp-cache'), // Подключаем библиотеку кеширования
    svgmin          = require('gulp-svgmin'), //Подключаем svgmin
    open            = require('gulp-open'), // Подключаем библиотеку открытия файлов
    bulkSass        = require('gulp-sass-bulk-import'), // импорт путей в Sass
    pump            = require('pump'),
    sass            = require('gulp-sass'); //Подключаем Sass пакет

package.json：

"dependencies": {
    "del": "^2.2.0",
    "pump": "^1.0.1",
    "gulp": "^3.9.1",
    "gulp-autoprefixer": "^3.1.0",
    "gulp-cache": "^0.4.5",
    "gulp-concat": "^2.6.0",
    "gulp-cssnano": "^2.1.2",
    "gulp-imagemin": "^3.0.3",
    "gulp-open": "^2.0.0",
    "gulp-rename": "^1.2.2",
    "gulp-sass": "^2.2.0",
    "gulp-sass-bulk-import": "^1.0.1",
    "gulp-svgmin": "^1.2.2",
    "gulp-uglifyjs": "^0.6.2",
    "imagemin-pngquant": "^5.0.0"
  }

目录有5个文件.js，5个文件.min.js &1 .php；Task接受目录中的第一个文件.js，使用它&stops.如何处理目录中的许多文件？

Answer 1

问题是gulp-uglifyjs丑陋和自动小型化-所以所有的js文件都在被处理，但是只有一个(级联的)文件被输出。生成的文件与第一个源文件具有相同的名称，因此它最初看起来只处理了第一个文件。

出于这个原因，gulp-uglifyjs 已经被废弃了：“这个插件已经被列入黑名单，因为它依赖Uglify来连接文件，而不是使用https://github.com/contra/gulp-concat，这打破了‘它应该做一件事’的模式。”

gulp-uglifyjs确实能工作。但是，如果要确保分别输出丑陋的文件，请使用gulp-uglify。我敢打赌你已经知道该怎么做了，但我会解释，以防它对其他人有帮助

1. 通过命令行，更改package.json，以便使用gulp-uglify

$ cd your-main-project-directory
$ npm uninstall -S gulp-uglifyjs
$ npm install -S gulp-uglify

1. 在您的gulpfile.js中，将"uglify“var定义为uglify = require('gulp-uglify')而不是uglify = require('gulp-uglifyjs')