Comment extraire tous les CSS dans un seul fichier dans Nuxt ?
P粉208286791
P粉208286791 2023-08-29 22:35:21
0
1
486
<p>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. </p> <p>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. </p>
P粉208286791
P粉208286791

répondre à tous(1)
P粉633733146

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.

Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!