gulp uncss意外地删除了一些"忽略"类

时间:2016-09-27 15:10:21

标签: javascript regex uncss gulp-uncss

我正在使用gulp uncss。这是我的任务代码:

gulp.task('uncss', () => {
  return gulp.src($uncss.src)
    .pipe(uncss({
        html: JSON.parse(require('fs').readFileSync('./sitemap.json', 'utf-8')),
        ignore: [/\.no-\w+/g, /\.is-\w+/g, /\.plyr\w+/g, /\.lazy\w+/g, /\.\w+\s?\.is-\w+/g]
    }))
    // .pipe(cssnano())
    .on('error', handleErrors)
    .pipe(gulp.dest($uncss.dest))
});

以下一行

.is-menu-open .menu__btn span:before, .is-menu-open .menu__btn span:after {
  background-color: #000;
}

编译为,一旦我通过上面的gulp任务运行代码。

.is-menu-open .menu__btn span:before {
  background-color: #000;
}

任何想法,我的正则表达能力都是缺少的!

基本上我需要忽略选择器中任何位置.is-的任何类。

1 个答案:

答案 0 :(得分:1)

根据documentation

  

ignore和ignoreSheets选项的正则表达式应该用引号括起来。

     

{"ignore": [ ".unused", "/^#js/" ]}