PostCSS:运行任务时,PurgeCSS不起作用

时间:2020-09-09 19:21:46

标签: gulp postcss css-purge

我目前正在尝试从项目的样式表中删除未使用的CSS。我有一个gulp任务sass,所有编译都已完成。我正在使用postcsspurgecss的插件。但是,当我运行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上添加配置吗? 问题可能是什么?

0 个答案:

没有答案