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

【问题标题】：How to output css files as .css files instead of inline <style> in nuxt.js?如何在 nuxt.js 中将 css 文件输出为 .css 文件而不是内联 <style>？
【发布时间】：2019-03-05 07:16:11
【问题描述】：

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

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

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

【问题讨论】：

标签： css vuejs2 nuxt.js

【解决方案1】：

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

build:{
    extractCSS: true
}

【讨论】：

我已经在使用extractCSS: true，但在开发模式下检查输出..这让我感到困惑，我认为它默认在 prod 模式下提取 CSS。无论如何，谢谢。
@RameezRami 是的，它不适用于开发人员。但是不，在 prod 上它也默认为 false，你需要自己设置它
是的，这就是为什么我说我已经在使用 extractCSS: true :)