如何在nuxt.js中将css文件输出为.css文件而不是内联<style>？

Question

如何在 nuxt.js 中将内联 CSS 转换为 CSS 文件？我的应用程序中有范围样式和全局 scss 文件。我已经尝试过下面的代码，但没有运气。

build: {
    optimization: {
      splitChunks: {
        chunks: 'all',
        automaticNameDelimiter: '.',
        name: 'rameez',
        cacheGroups: {}
      }
    },
    optimizeCSS:true
  }

在这里您可以看到包括我的 global.scss 在内的所有 CSS 都显示为内联样式。

Answer 1

您正在寻找我认为的extractCss属性

build:{
    extractCSS: true
}