nuxt.js 添加 css 文件

use*_*593 3 vue.js nuxt.js

我已经创建了 nuxt 项目 vue init nuxt/starter <project-name>

在我的nuxt.config.js我添加了这个:

css: [
        { src: '~assets/css/style.css', lang: 'css' }
    ]
Run Code Online (Sandbox Code Playgroud)

在我的 assets/css 文件夹中,我有 style.css

body {
    background: black!important;
}
Run Code Online (Sandbox Code Playgroud)

但是在控制台上没有任何错误发生。我该怎么办?

小智 6

你必须添加到 nuxt.config.js

build: {
        extractCSS: true
    }
Run Code Online (Sandbox Code Playgroud)

例如,

css: [
        { src: '~assets/css/style.css', lang: 'css' }
    ],
build: {
            extractCSS: true
        }
Run Code Online (Sandbox Code Playgroud)

并使用 nuxt v0.10.6

  • 这就是我要找的!但是,文档中的哪里是关于 `extractCSS` 的?请向我指出。 (2认同)