javascript - gulp uncss - 通过正则表达式忽略将不起作用

Question

我正在尝试为我的 gulp 工作流程添加 uncss。

例如，要忽略通过 javascript 添加的某些类，我用“ignore”声明这些类（在我的情况下，我试图从 jquery 插件 magnific-popup 中取消 css）。

我的工作流程如下所示，并使用正则表达式匹配所有 magnific-popup css：

gulp.task("uncsstask", () => {
gulp.src('original-mfp.css')    
.pipe(uncss({
    html:
    [
        'page.html',
    ],
    ignore: [            
        /\.mfp-*.*/g,
    ]
}))
.pipe(gulp.dest('new'));
});

发生的事情是课程

.mfp-container

使其进入新的 css 文件，但类

.mfp-content

才不是。

我用各种正则表达式检查器检查了正则表达式语句。

Answer 1

将“m”标志添加到您的正则表达式（否则它将在第一次匹配后停止）：

    /\.mfp-*.*/gm,

为什么第一个 * 在那里？在“.mfp”之后是否有时有 0 个或多个破折号？

[编辑]：因此，在更仔细地查看文档之后，似乎不需要正则表达式标志，并且 OP 表示已解决问题，并纳入了我的其他建议，即正则表达式中包含不必要的 *。我已经编辑了我的答案，因此这些信息现在位于答案的正文中，而不仅仅是在评论中。所以使用：

/\.mfp-.*/