Gulp - 如果 CSS 大小大于 50 kb，则 gulp 进程失败答案

【问题标题】：Gulp - Fail gulp process if the CSS size is bigger than 50 kbGulp - 如果 CSS 大小大于 50 kb，则 gulp 进程失败
【发布时间】：2020-05-14 00:37:35
【问题描述】：

在我的项目中，我有 SASS 文件，这些文件在部署之前由 Gulp 转换为 CSS 文件。我想要做的是在部署之前检查每个编译的 CSS 文件的大小，如果任何文件大于 50kb，则该过程失败。

我做了什么？

我设法输出了每个文件的大小，但如果文件超过 50kb，我无法让 Gulp 进程失败。你可以在下面看到我的 Gulp 任务：

gulp.task('check-CSS-size', () => {
    const s = size({showFiles: true, pretty: true});

    return gulp.src('stylesheets/**/*.css')
        .pipe(s)
        .pipe(gulpIf('if s size is bigger than 50kb ', gulpFail(`${s} is bigger than 50kb`)));
});

谢谢！

PS：我是 Gulp 的新手。

【问题讨论】：

标签： javascript css sass gulp gulp-sass

【解决方案1】：

我认为这个包不允许这样做，它只返回文件的总大小，快速搜索似乎不存在一个包做你想要的。

所以我认为最好是自己检查包代码或分叉它！

【讨论】：

【解决方案2】：

看起来你已经准备好了所有正确的部分。只需要替换你的伪代码语句

'if s size is bigger than 50kb'

使用真正的 javascript 表达式

(s > 50000)

gulp-size 包有一个 prettySize 参数，默认设置为 true。要使您的表达式起作用，您可能需要将该参数设置为 false 以获得一个干净的数字进行比较。

【讨论】：

感谢您的回复！但是，我在发布之前尝试过，但很遗憾，它不起作用。