1

我目前正在尝试从项目的样式表中删除未使用的 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，我添加了模板的目录：

const purgecss = require('@fullhuman/postcss-purgecss')
postcss([
  purgecss({
    content: ['./src/**/*.html']
  })
])

purgecss除此之外还有什么我应该添加到配置中的content吗？问题是什么？

4

0 回答 0