Nuxt.js添加CSS文件

Question

我已经创建了一个Nuxt项目

vue init nuxt/starter <project-name>

在我的nuxt.config.js中，我添加了以下内容:

css: [
        { src: '~assets/css/style.css', lang: 'css' }
    ]

在我的assets/css文件夹中，我有一个名为style.css的文件。其中包含以下内容：

body {
    background: black!important;
}

但是在控制台上没有出现错误，发生了什么？我该怎么办？

- user2950593

---

我刚刚测试了一下，对我来说运行得很好... 你使用的是哪个版本的Nuxt？ - Nicolas Pennec

Answer 1

您需要在nuxt.config.js中添加以下内容：

build: {
        extractCSS: true
    }

例如，

css: [
        { src: '~assets/css/style.css', lang: 'css' }
    ],
build: {
            extractCSS: true
        }

使用nuxt v0.10.6版本

- Jussia

---

这正是我在寻找的！但是，文档中关于extractCSS的内容在哪里写明了？请指示一下。 - abdulmanov.ilmir

@abdulmanov.ilmir https://nuxtjs.org/docs/2.x/configuration-glossary/configuration-build#[e-mail]，该链接为Nuxt.js 2.x配置指南中的build配置项中的extractCSS属性。 - kissu