<p>I'm currently building a UI kit for a client that uses ASP.NET as the main application/backend for their project. The UI kit I'm building is created using NuxtJS and I want to compile all the SCSS files with Bootstrap into a single compiled CSS file, from what I gathered on the Nuxt documentation they recommend compiling the SCSS files into a single compiled CSS file for each The component's CSS file. </p> <p>Before I start messing with the config files, is there a way to compile them into a single file so that the client can enqueue it? It doesn't need to be the most performant, which is why we push it to a single file. </p>

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