Nuxt2怎么使用 PurgeCSS

要在 Nuxt2 中使用 PurgeCSS，可以按照以下步骤进行操作：

1. 安装 `@nuxtjs/purgecss` 模块

npm install @nuxtjs/purgecss

2. 在 `nuxt.config.js` 中配置 `purgeCSS` 模块

export default {
  buildModules: [
    '@nuxtjs/purgecss'
  ],
  purgeCSS: {
    enabled: true,
    // 配置需要进行 PurgeCSS 的文件路径和文件类型
    paths: [
      'components/**/*.vue',
      'layouts/**/*.vue',
      'pages/**/*.vue',
    ],
    whitelist: ['body', 'html', 'nuxt-progress'],
    whitelistPatterns: [
      /-(leave|enter|appear)(|-(to|from|active))$/,
      /^(?!cursor-move).+-move$/,
      /^router-link(|-exact)-active$/,
      /data-v-.*/,
    ],
    whitelistPatternsChildren: [/^token/, /^pre/, /^code/],
  }
}

在上面的配置中，我们指定了需要进行 PurgeCSS 的文件路径和文件类型。同时，我们也可以配置一些需要保留的 CSS 类名或选择器，例如 `whitelist`、`whitelistPatterns` 和 `whitelistPatternsChildren`。

3. 运行 Nuxt2

npm run build

在构建过程中，PurgeCSS 会分析你的代码，并删除未使用的 CSS 代码，从而减小 CSS 文件的大小。