使用Gulp.js复制文件

Question

我一直在尝试使用Gulp将src文件夹中的一系列html页面复制到dist文件夹中。我在网上看了看，由于某些原因，正常工作的东西对我来说并不起作用。

我的文件夹结构是这样的：

​

这是我的gulpfile：

    var gulp = require('gulp'),
        sass = require('gulp-ruby-sass'),
        notify = require('gulp-notify'),
        livereload = require('gulp-livereload'),
        del = require('del');       

        //////////////////////////////////////////CLEAN THE DIST
        gulp.task('clean', function() {
        return del(['dist/**/*']);
        });       


        //////////////////////////////////////////COMPILE SCSS
        gulp.task('scss', function() {
        return sass('src/scss/app.scss', { style: 'expanded' })
        .pipe(gulp.dest('dist/assets/css'))
        .pipe(notify('SCSS task complete'));
        });     


        //////////////////////////////////////////COPY ALL HTML TO DIST
        gulp.task('copy', ['scss'], function () {
        return gulp.src(['src/**/*.html'], {
            base: 'src'
            }).pipe(gulp.dest('dist'));
            });


        gulp.task('default', ['clean'], function() {
          gulp.start('copy');
        });

我设置了“复制”任务，让它首先编译scss，然后将它在src文件夹中找到的所有HTML复制到dist中。但事实并非如此！我的scss可以很好地编译和复制为app.css，但html页面就不行。

你知道我做错了什么吗？

Answer 1

我不知道你做错了什么。我试图复制你的测试，它npm在尝试安装gulp-ruby-sass时出错，所以我只使用了gulp-sass，下面做了一些细微的改变，它工作得很好。也许你的scss文件中有一个错误？下面的logError会有所帮助。

var gulp = require('gulp'),
        sass = require('gulp-sass'),
        notify = require('gulp-notify'),
        // livereload = require('gulp-livereload'),
        del = require('del');

        //////////////////////////////////////////COMPILE SCSS
        gulp.task('scss', function() {
          return gulp.src(['src/scss/app.scss'])
            .pipe(sass({ style: 'expanded' }).on("error", sass.logError))
            .pipe(gulp.dest('dist/assets/css'))
            .pipe(notify('SCSS task complete'));
        });