【问题标题】:Gulp minify all css/js and move to folder with same structure?Gulp 缩小所有 css/js 并移动到具有相同结构的文件夹?
【发布时间】:2019-06-14 08:42:57
【问题描述】:

我有这个我正在开发的 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 来做到这一点,因为我将所有内容都整齐地拆分在文件夹和组件中

【问题讨论】:

  • 我想我们需要比move to the build folder without losing the structure?更多的信息

标签: javascript gulp minify


【解决方案1】:

我现在无法检查它,但我认为你应该这样做:

  1. 去掉scripts 任务中的前两行,正如我所见,它们什么都不做。

  2. 修复 gulp 中的 Task 方法。它只接受 2 个参数: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/'));
});

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2014-12-04
    • 2020-12-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-08-10
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多