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

【问题标题】：Why gulp-purgecss whitelist is not working为什么 gulp-purgecss 白名单不起作用
【发布时间】：2021-03-30 05:17:57
【问题描述】：

您好，我使用 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());
}

【问题讨论】：

标签： css sass gulp css-purge

【解决方案1】：

设置名称已重命名，使用新名称 (safelist) 和方法

purgecss safelist

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

如果对你有帮助很高兴;)

【讨论】：