如何在vueJs cli项目中使用purgeCSS

Question

我正在使用Vue CLI 3构建Vue项目。当然，优化对我很重要，因此在构建到生产环境时，我想使用purgecss删除未使用的CSS。

我已遵循https://purgecss.com/guides/vue.html#use-the-vue-cli-plugin页中的内容。但是之后，每当我尝试使用npm run build构建项目时，都会出现此错误，并且构建过程会中断。

这是我的postcss.config.js文件。注意：此文件是根据上述指南自动创建的。

const IN_PRODUCTION = process.env.NODE_ENV === 'production';

module.exports = {
  plugins: [
    IN_PRODUCTION && require("@fullhuman/postcss-purgecss");
    ({
      content: [`./public/**/*.html`, `./src/**/*.vue`],
      defaultExtractor(content) {
        const contentWithoutStyleBlocks = content.replace(/<style[^]+?<\/style>/gi, '')
        return contentWithoutStyleBlocks.match(/[A-Za-z0-9-_/:]*[A-Za-z0-9-_/]+/g) || []
      },
      whitelist: [],
      whitelistPatterns: [/-(leave|enter|appear)(|-(to|from|active))$/, /^(?!(|.*?:)cursor-move).+-move$/, /^router-link(|-exact)-active$/, /data-v-.*/],
    })
  ],
};

注意：我认为在构建过程中无法找到@fullhuman/postcss-purgecss插件，因为Vue cli项目中的默认设置@是该插件的别名src文件夹，因此它是在src文件夹中查找，而不是node_modules。但是我不确定这是否是真正的问题