Gulp-如果CSS大小大于50 kb，则失败gulp处理

Question

在我的项目中，我有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的新手。

Answer 1

我认为该软件包不允许这样做，它仅返回文件的总大小，快速搜索似乎并不存在一个可以满足您需要的软件包。

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

Answer 2

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

'if s size is bigger than 50kb'

带有真实的javascript表达式

(s > 50000)

gulp-size程序包具有一个prettySize参数，默认情况下将其设置为true。为了使您的表达式起作用，您可能需要将该参数设置为false以获得比较的整数。