Gulp缩小所有CSS / JS并移至结构相同的文件夹?

时间:2019-06-14 08:42:57

标签: javascript gulp minify

我正在使用这个chrome扩展程序,无论如何,我是否可以缩小所有CSS和JS并移动到build文件夹而不会丢失结构?

gulp.task('clean', function() {
    return gulp.src('build/*', {read: false})
        .pipe(clean());
});

gulp.task('copy', function() {
    gulp.src('assets/fonts/**')
        .pipe(gulp.dest('build/fonts'));
    gulp.src('assets/images/**')
        .pipe(gulp.dest('build/images'));
    gulp.src('_locales/**')
        .pipe(gulp.dest('build/_locales'));
    return gulp.src('src/manifest.json')
        .pipe(gulp.dest('build'));
});

gulp.task('html', function() {
    return gulp.src('popup/*.html')
        .pipe(cleanhtml())
        .pipe(gulp.dest('build'));
});

gulp.task('scripts', ['jshint'], function() {
    gulp.src('/**/*.js')
        .pipe(gulp.dest('/**/*.js'));
    return gulp.src(['/**/*.js', '!/**/*.js'])
        .pipe(stripdebug())
        .pipe(uglify({outSourceMap: true}))
        .pipe(gulp.dest('build/**/*'));
});

目前,此方法适用于CSS和其他资产,但是我无法弄清楚如何使用js,因为我将所有内容整齐地放在文件夹和组件中

1 个答案:

答案 0 :(得分:1)

我现在无法检查它的绑定,但是我认为您应该这样做:

  1. 摆脱scripts任务中的前两行,它们无济于事。

  2. 从gulp修复Task方法。它仅接受两个参数:taskNametaskFunction

  3. 修复src。据我了解,您说的是get all .js files, except all .js files,所以不会传送任何内容。

  4. gulp.dest路径应类似于build/build/js/

你可以试试吗?

gulp.task('scripts', function() {
    return gulp.src(['/**/*.js'])
        .pipe(stripdebug())
        .pipe(uglify({outSourceMap: true}))
        .pipe(gulp.dest('build/js/'));
});