我目前正在尝试从项目的样式表中删除未使用的CSS。我有一个gulp任务sass
,所有编译都已完成。我正在使用postcss和purgecss的插件。但是,当我运行sass
任务purgecss
时似乎不起作用。
gulp.task('sass', () => gulp.src(`${SRC}/scss/style-*.scss`)
.pipe(sourcemaps.init())
.pipe(gulpSass({
includePaths: ['node_modules', `${PATTERNS_ACCESS}/src/`]
.concat(require('bourbon').includePaths)
})
.on('error', gulpSass.logError))
.pipe(postcss([
purgecss({
content: ['./views/**/*.twig']
}),
autoprefixer(),
mqpacker({sort: true}),
cssnano()
]))
.pipe(hashFilename({format: HASH_FORMAT}))
.pipe(sourcemaps.write('./'))
.pipe(gulp.dest('./assets/styles'))
);
上面,如果您注意到purgecss
,我将其传递至应该从中删除CSS的模板的路径。使用PostCSS API following the documentation,添加模板的目录:
const purgecss = require('@fullhuman/postcss-purgecss')
postcss([
purgecss({
content: ['./src/**/*.html']
})
])
除了purgecss
之外,我还应该在content
上添加配置吗?
问题可能是什么?