javascript - 我正在使用 Gulp，但未能生成用于生产的最终开发脚本。

Question

所以我在为我的项目生成生产就绪脚本时遇到了一个小问题。我正在使用 gulp 连接和缩小我的 css 和 js，虽然 css 工作正常，但 gulp js 函数没有生成我的最终文件。请引用我下面的代码:

gulp.task('js', function() {
 return gulp.src([source + 'js/app/**/*.js'])
  .pipe(concat('development.js'))
  .pipe(gulp.dest(source + 'js'))
  .pipe(rename({
   basename: 'production',
   suffix: '-min',
}))
  .pipe(uglify())
  .pipe(gulp.dest(source + 'js/'))
  .pipe(notify({ message: 'Scripts task complete', onLast: true }));
});

如果有人遇到过类似的问题或有任何提示，将不胜感激:)

Answer 1

你的 gulpfile 没有问题。我对其进行了测试，并且效果很好。

我唯一能猜到的是您的 source 设置不正确。您是否忘记了结尾的斜杠“/”？

我会建议两件事来解决这个问题。包含节点 path 库以检查源实际指向的位置，如下所示:

var path = require('path');

// in gulp task ...
path.resolve(path.resolve(source + 'js/app'));

确保它指向您认为它指向的位置。

其次，您可以使用 gulp-debug 来确定是否找到了任何文件:

npm install gulp-debug

然后

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


// in gulp task ...

return gulp.src([source + 'js/app/**/*.js'])
           .pipe(concat('development.js'))
           .pipe(debug())
           .pipe(gulp.dest(source + 'js'))
           .pipe(debug())
           // etc.

祝你好运!