为什么配置上的 nuxt.js 全局 css 不起作用？答案

【问题标题】：why nuxt.js global css on config is not working?为什么配置上的 nuxt.js 全局 css 不起作用？
【发布时间】：2018-11-10 07:06:56
【问题描述】：

我尝试将 css 文件放在资产上评估/css/style.css 并将其调用到我的 nuxt.config.js 但它不起作用我需要使用全局 css 而不是作用域 css

有人可以帮我吗？

当我添加 css 在 nuxt.config.js

   /*
  ** Global CSS
  */
  css: [
      '~assets/css/style.css'
  ],

它不工作？ nuxt 版本 2

【问题讨论】：

嗨，欢迎来到堆栈溢出。请参阅How to Ask 链接以获取有关如何提出问题并相应更新您的问题的更多详细信息。
它应该可以工作，否则提供完整的不工作代码
您是否尝试将其关闭再打开？严重的是，除非您重新启动 nuxt，否则不会应用 nuxt.config.js 中的更改。在你的 CSS 中做一些你不能错过的非常明显的改变，比如将 body 的背景设置为 #0000ff !important 或其他东西，这样你就可以确定它不只是你正在加载的其他样式表覆盖了你自己的CSS。

标签： nuxt.js

【解决方案1】：

只需重新启动服务器。不需要将代码添加到模块中。

【讨论】：

修改nuxt.config后，总是需要重启服务器（Ctrl + C，npm run dev）。

【解决方案2】：

我遇到了同样的问题并解决了它，将我的 css 的文件路径放在 css 选项和模块内。下面的示例代码。希望能帮助到你。我还使用nuxt-sass-resources-loader 来全局加载我的 sass 文件。

css: [
  '@/assets/css/reset.css',
  '@/assets/css/main.scss',
],
modules: [
 [
  'nuxt-sass-resources-loader',
  ['./assets/css/main.scss'],
  ['./assets/css/reset.css']
 ]
],

【讨论】：