css - 为什么 gulp-purgecss 白名单不起作用

Question

您好，我使用 Gulp 进行编译，使用 Tailwind 作为框架。我想使用 Purgecss，它正在工作，但它忽略了我的白名单，有帮助吗？

这里的代码示例：

function css() {
    const tailwindcss = require('tailwindcss');
    return gulp.src('./src/assets/css/main.css')
    .pipe(postcss([
      require('precss'),
      tailwindcss('./tailwind.config.js'),
      require('autoprefixer')
    ]))
    .pipe(purgecss({
      content: ['./public/*.html'],
      whitelist: ['px-4'],
      whitelistPatterns: [/^bg-/, /^text-/],
    }))
    .pipe(gulp.dest('./public/assets/css/'))
    .pipe(browserSync.stream());
}

Answer 1

设置名称已重命名，使用新名称（安全列表）和方法

清除安全列表

    const purgecss = new Purgecss({
    content: [], // content
    css: [], // css
    safelist: {
      standard: [/red$/],
      deep: [/blue$/],
      greedy: [/yellow$/]
    }
})

很高兴它对你有帮助；）