Bagaimana untuk mengekstrak semua CSS ke dalam satu fail dalam Nuxt?

Question

Saya sedang membina kit UI untuk pelanggan yang menggunakan ASP.NET sebagai aplikasi utama/belakang untuk projek mereka. Kit UI yang saya bina dicipta menggunakan NuxtJS dan saya ingin menyusun semua fail SCSS dengan Bootstrap ke dalam satu fail CSS tersusun, daripada apa yang saya kumpulkan pada dokumentasi Nuxt mereka mengesyorkan untuk menyusun fail SCSS ke dalam satu fail CSS tersusun untuk setiap Fail CSS komponen.

Sebelum saya mula mengacaukan fail konfigurasi, adakah terdapat cara untuk menyusunnya ke dalam satu fail supaya pelanggan boleh memasukkannya ke dalam baris gilir? Ia tidak perlu menjadi yang paling berprestasi, itulah sebabnya kami menolaknya ke satu fail.

Answer 1

Ini adalah sebahagian daripada dokumentasiuntuk Nuxt2, saya petik

nuxt.config.js

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

---

Bahagian ini tidak ditulis secara langsung, tetapi masih tersedia untuk Nuxt3, jadi saya rasa ia sepatutnya berfungsi dengan cara yang sama.

Hanya ada

satu perbincangan pada repositori Nuxt3, tetapi anda boleh mula mencuba coretan yang sudah ada untuk melihat sama ada ia memenuhi beberapa keperluan anda.