NuxtJS优化之移除未使用的CSS

  render: {
      route: (url, result) => {
        // Tailwindcss 内联到 html 中是未压缩的，原因未知
        // 所以在 render 时使用 cleanCSS 压缩
        const { html } = result;
        const STYLE_PATTERN = /<style[^>]*>([\s\S]*?)<\/[^>]*style>/gi;
        const replaceHTML = html.replace(STYLE_PATTERN, ($0, $1) => {
          const context = [];
          context.push('<style>');
          const { styles } = new CleanCSS().minify($1);
          context.push(styles);
          context.push('</style>');
          return context.join('');
        });
        result.html = replaceHTML;
      },
  }