Question

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

要忽略一些通过javascript添加的类，我用“忽略”声明这些类（在我的例子中，我试图从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表明修复了问题并且结合了我的其他建议，即regexp中有一个不必要的*。我已经编辑了我的答案，所以这些信息现在只在答案的正文中，而不仅仅在评论中。所以使用：

/\.mfp-.*/

gulp uncss - 忽略通过正则表达式不会工作

1 个答案: