我的gulpfile.js有错误吗？我面临着不同的问题，不能让它的工作

所以我主要是这2个问题，这些问题而随机发生的：从src文件夹我的gulpfile.js有错误吗？我面临着不同的问题，不能让它的工作

HTML文件不会被复制到DIST。
js文件没有并置，也没有复制到DIST。

我做错了什么？我最近遇到的问题： - 花费时间试图让猫头鹰轮播工作，只是为了实现js文件没有加载和编译。我在我的html文件的末尾调用了main.min.js，但仍然在html文件中，它只在SRC文件夹中被更改，并且未被复制到DIST。

我不会在终端中出错，也不会在控制台中出错。我得到的唯一的错误是我需要加载popper.js bootstrap工作，所以一些工作......我不知道。

这里是我的gulpfile.js：

var gulp = require('gulp'), 
    plumber = require('gulp-plumber'), 
    rename = require('gulp-rename'); 
var autoprefixer = require('gulp-autoprefixer'); 
var babel = require('gulp-babel'); 
var concat = require('gulp-concat'); 
var uglify = require('gulp-uglify'); 
var imagemin = require('gulp-imagemin'), 
    cache = require('gulp-cache'); 
var minifycss = require('gulp-minify-css'); 
var sass = require('gulp-sass'); 
var browserSync = require('browser-sync'); 

gulp.task('browser-sync', function() { 
    browserSync({ 
    server: { 
     baseDir: "dist/" 
    } 
    }); 
}); 

gulp.task('bs-reload', function() { 
    browserSync.reload(); 
}); 

gulp.task('images', function(){ 
    gulp.src('src/img/**/*') 
    .pipe(cache(imagemin({ optimizationLevel: 3, progressive: true, interlaced: true }))) 
    .pipe(gulp.dest('dist/img/')); 
}); 

gulp.task('styles', function(){ 
    gulp.src(['src/scss/**/*.scss']) 
    .pipe(plumber({ 
     errorHandler: function (error) { 
     console.log(error.message); 
     this.emit('end'); 
    }})) 
    .pipe(sass()) 
    .pipe(autoprefixer('last 2 versions')) 
    .pipe(gulp.dest('dist/css/')) 
    .pipe(rename({suffix: '.min'})) 
    .pipe(minifycss()) 
    .pipe(gulp.dest('dist/css/')) 
    .pipe(browserSync.reload({stream:true})) 
}); 

gulp.task('scripts', function(){ 
    return gulp.src([ 
    'src/js/jquery.js', 
    'src/js/bootstrap.min.js', 
    'src/js/tether.js', 
    'src/js/owl.carousel.js', 
    'src/js/custom.js' 
    ]) 
    .pipe(plumber({ 
     errorHandler: function (error) { 
     console.log(error.message); 
     this.emit('end'); 
    }})) 
    .pipe(concat('main.js')) 
    .pipe(babel()) 
    .pipe(gulp.dest('dist/js/')) 
    .pipe(rename({suffix: '.min'})) 
    .pipe(uglify()) 
    .pipe(gulp.dest('dist/js/')) 
    .pipe(browserSync.reload({stream:true})) 
}); 

gulp.task('copy', function() { 
    gulp.src('src/**/*.html') 
    .pipe(gulp.dest('dist')) 
}); 

gulp.task('default', ['browser-sync'], function(){ 
    gulp.watch("src/scss/**/*.scss", ['styles']); 
    gulp.watch("src/js/**/*.js", ['scripts']); 
    gulp.watch("src/**/*.html", ['copy', 'bs-reload']); 
});

来源

2017-09-17 Aysunn

修复了第一个问题，就是不能将HTML从SRC复制到DIST。看来你需要把'DIST /'而不是'DIST'。该斜线对指定目的地很重要。仍然..我的js文件没有加载，他们只工作，如果我要求他们与我的HTML文件

我的gulpfile.js有错误吗？我面临着不同的问题，不能让它的工作

相关问题