Question

我无法写入js文件。 Css创造奇迹，但我似乎不知道为什么js不起作用？什么都没有写入输出文件夹。

我做错了什么？ wwwroot和资产都在项目中。如前所述，CSS完美地写入文件，我认为它应该像这样工作吗？

var files = {
    cssInput: 'assets/css/',
    cssOutput: 'wwwroot/css/',
    jsLibsInput: 'assets/js/libs/',
    jsCustomInput: 'assets/js/custom/',
    jsOutput: 'wwwroot/js/'
};

gulp.task('default', ['sass', 'css:min', 'js:min']);
gulp.task('clean', ['css:clean', 'js:clean']);

gulp.task('sass:watch', function () {
    gulp.watch('./sass/**/*.scss', ['sass']);
});

gulp.task('watch', ['default'], function () {
    gulp.watch(files.cssInput + '*.css', ['css']);
    gulp.watch(files.jsLibsInput + '*.js', ['js']);
    gulp.watch(files.jsCustomInput + '*.js', ['js']);
});

// CSS
gulp.task('sass', function () {
    return gulp.src([files.cssInput + '*.scss'])
        .pipe(sass().on('error', sass.logError))
        .pipe(gulp.dest(files.cssInput));
});

gulp.task('css:min', function () {
    gulp.src(files.cssInput + 'abovethefold.css')
        .pipe(csso())
        .pipe(gulp.dest(files.cssOutput));

    return gulp.src([files.cssInput + '*.css', '!' + files.cssInput + 'abovethefold.css'])
        .pipe(concat('all.css'))
        .pipe(csso())
        .pipe(gulp.dest(files.cssOutput));
});

gulp.task('css:clean', function () {
    return del(files.cssOutput);
});

// JavaScript
gulp.task('js:min', function () {
    return gulp.src([
        files.jsLibsInput + '*.js',
        '!' + files.jsLibsInput + '*.min.js',
        files.jsCustomInput + '*.js',
        '!' + files.jsCustomInput + '*.min.js'
    ])
        .pipe(concat('all.js'))
        .pipe(uglify())
        .pipe(gulp.dest(files.jsOutput));
});

gulp.task('js:clean', function () {
    return del(files.jsOutput);
});

Answer 1

所以，在得到@MikaS的帮助后，我意识到我的JS出了问题，在这种情况下是es6语法..

.on('error', (err) => { gutil.log(gutil.colors.red('[Error]'), 
err.toString()); })

这有助于我找到错误，以防其他人在此处遇到类似错误。

Gulp写入js输出

1 个答案: