Comment extraire tous les CSS dans un seul fichier dans Nuxt ?

Question

Je suis actuellement en train de créer un kit d'interface utilisateur pour un client qui utilise ASP.NET comme application/backend principal pour son projet. Le kit d'interface utilisateur que je construis est créé à l'aide de NuxtJS et je souhaite compiler tous les fichiers SCSS avec Bootstrap dans un seul fichier CSS compilé. D'après ce que j'ai rassemblé dans la documentation Nuxt, ils recommandent de compiler les fichiers SCSS dans un seul fichier CSS compilé pour each Le fichier CSS du composant.

Avant de commencer à jouer avec les fichiers de configuration, existe-t-il un moyen de les compiler en un seul fichier afin que le client puisse le mettre en file d'attente ? Il n'est pas nécessaire qu'il soit le plus performant, c'est pourquoi nous le regroupons dans un seul fichier.

Answer 1

C'est la partie de la documentationpour Nuxt2, je cite

nuxt.config.js

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

---

Cette partie n'a pas été écrite directement, mais est toujours disponible pour Nuxt3, donc je suppose qu'elle devrait fonctionner de la même manière.

Il n'y a qu'une seule discussion sur le référentiel de

Nuxt3, mais vous pouvez commencer à essayer les extraits déjà présents pour voir s'ils répondent à certains de vos besoins.