0

私は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-基本的に、セレクタ内のどこにでもあるクラスを無視する必要があります。

4

1 に答える 1

1

ドキュメントによると：

ignore および ignoreSheets オプションの正規表現は、引用符で囲む必要があります。

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

于 2016-09-27T15:37:59.523 に答える