Wie extrahiere ich in Nuxt das gesamte CSS in eine Datei?

Question

Ich erstelle derzeit ein UI-Kit für einen Kunden, der ASP.NET als Hauptanwendung/Backend für sein Projekt verwendet. Das UI-Kit, das ich erstelle, wird mit NuxtJS erstellt und ich möchte alle SCSS-Dateien mit Bootstrap in einer einzigen kompilierten CSS-Datei kompilieren. Aus den Informationen, die ich in der Nuxt-Dokumentation entnommen habe, wird empfohlen, die SCSS-Dateien in einer einzigen kompilierten CSS-Datei zu kompilieren every Die CSS-Datei der Komponente.

Bevor ich anfange, mit den Konfigurationsdateien herumzuspielen, gibt es eine Möglichkeit, sie in einer einzigen Datei zu kompilieren, damit der Client sie in die Warteschlange stellen kann? Es muss nicht unbedingt die leistungsstärkste sein, weshalb wir es in eine einzelne Datei verschieben.

Answer 1

这是文档针对 Nuxt2 的部分，我引用

nuxt.config.js

export default {
  build: {
    extractCSS: true,
    optimization: {
      splitChunks: {
        cacheGroups: {
          styles: {
            name: 'styles',
            test: /\.(css|vue)$/,
            chunks: 'all',
            enforce: true
          }
        }
      }
    }
  }
}

---

这部分不是直接编写的，但仍然可用于Nuxt3 ，所以我想它应该以类似的方式工作。

Nuxt3 的存储库上只有一个讨论，但您可以开始尝试上面已经有片段，看看它是否满足您的一些需求。