使用 Gulp.js 复制文件

Question

我一直在尝试使用 Gulp 将一系列 html 页面从我的 src 文件夹复制到我的 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

我不知道你做错了什么。我试图复制你的测试，它在尝试安装 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'));
        });