Question

我被困住了，我一直在努力学习gulp而且我正在慢慢整理一个gulpfile。

我进行了一次测试，因为我一直都很好。几天后，我回来继续它，现在它不起作用。我不知道什么是错的。

我的gulp文件

var gulp = require('gulp'),

// required for CSS and LESS
less = require('gulp-less');
prefix = require('gulp-autoprefixer'),
minifyCSS = require('gulp-minify-css');

// required for JS
concat = require('gulp-concat'),
uglify = require('gulp-uglify'),

rename = require("gulp-rename");

var paths = {
  src : {
    less       : '.assets/less/styles.less',
    js_main    : '.assets/scripts/main.js',
    js_plugins : '.assets/scripts/plugins/*.js',
    img        : ''
  },
  dest : {
    css : './public/assets/css/',
    js  : './public/assets/js/',
    img : ''
  }
};

gulp.task('styles', function() {
  gulp.src( paths.src.less )
  .pipe( less() )
  .pipe( prefix("last 2 version", "> 1%", "ie 8", "ie 7") )
  .pipe( gulp.dest( paths.dest.css ) )
  .pipe( rename('styles.min.js') )
  .pipe( minifyCSS() )
  .pipe( gulp.dest( paths.dest.css ) );
 });

gulp.task('scripts', function() {
  gulp.src( paths.src.js_main )
  .pipe( concat('main.js') )
  .pipe( gulp.dest( paths.dest.js ) )
  .pipe( rename('main.min.js') )
  .pipe( uglify() )
  .pipe( gulp.dest( paths.dest.js ) );
});

gulp.task('plugins', function() {
  gulp.src( paths.src.js_plugins )
  .pipe( concat('plugins.js') )
  .pipe( gulp.dest( paths.dest.js ) )
  .pipe( rename('plugins.min.js') )
  .pipe( uglify() )
  .pipe( gulp.dest( paths.dest.js ) );
});

所以当我停止工作时这是有效的，但是当我在终端日运行gulp样式后，我得到了这个：

$ gulp styles
[gulp] Using gulpfile ~/projects/boilerplates/website-boilerplate/gulpfile.js
[gulp] Starting 'styles'...
[gulp] Finished 'styles' after 3.8 ms

到目前为止，我已尝试删除已安装的节点模块并重新安装它们。我也尝试过全局安装gulp。

感谢任何帮助或建议。

Answer 1

看起来gulp正在向我跑来跑去。你觉得它不起作用是什么意思？

你的gulpfile有一个问题是需要来返回流，如下所示：

gulp.task('styles', function() {
  return gulp.src( paths.src.less )
//^^^^^^

否则gulp不知道特定任务何时完成。每个任务都需要完成(or another async option)。

Gulp正在工作但后来停了下来

1 个答案: