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');
        });

我已经设置了＆＃34;副本＆＃34;首先编译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'));
        });

使用Gulp.js复制文件

1 个答案: