为什么gullow-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

设置名称已重命名，使用新名称(安全列表(并接近

purgecss安全列表

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

很高兴它能帮助你；(