Nuxt2打包清除css

在 Nuxt2 中，可以使用 `purgeCSS` 配置项来清除未使用的 CSS。你需要在 `nuxt.config.js` 文件中添加以下内容：

export default {
  build: {
    postcss: {
      plugins: {
        'postcss-preset-env': {
          autoprefixer: {
            grid: true
          }
        },
        '@fullhuman/postcss-purgecss': {
          content: [
            './components/**/*.vue',
            './layouts/**/*.vue',
            './pages/**/*.vue',
            './plugins/**/*.js',
            './nuxt.config.js'
          ],
          whitelist: ['html', 'body'],
          whitelistPatterns: [/^nuxt-/, /^preloader-/]
        }
      }
    }
  }
}

在上面的配置中，`content` 属性指定了需要检查的文件路径，`whitelist` 属性指定了需要保留的 CSS 类，`whitelistPatterns` 属性指定了需要保留的 CSS 类型模式。这样，在打包时未使用的 CSS 就会被清除。