在Nuxt.js项目中使用normalize.css的最佳方法是什么?

导体职责

使用命令搭建了一个新的Nuxt.js项目npx create-nuxt-app,并将Bulma用于UI框架。我了解到bulma.css文件已包含在具有以下配置的nuxt.config.js文件中。

modules: [
  '@nuxtjs/bulma'
]

但是然后我想使用normalize.css来确保样式在所有浏览器中保持一致。为了使其正常工作,应在所有css文件的顶部包含此normalize.css文件。

我曾尝试将其导入这样的layout/default.vue文件中。(我引用

<style lang="scss">
  @import '~/node_modules/normalize.css/normalize.css'
</style>

但是后来我在检查Chrome devtools时了解到,normalize.css文件实际上包含在底部。

chrome devtools上元素检查的屏幕截图

normalize.css之前包含的样式是bulma.css

所以问题是:如何在此Nuxt.js项目中正确导入normalize.css,以便将其导入/包含在css文件列表的顶部?

导体职责

nuxt.config.js文件中,我将normalize.css包含为全球性的CSS文件,如下所示。

css: [
 'normalize.css/normalize.css'
],

并且normalize.css样式位于bulma.css之前,因此似乎已解决了问题。

在此处输入图片说明

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

在多个项目中共享JAR的最佳方法是什么?

在angular的多个项目中重用组件的最佳方法是什么?

Nuxt.js –使用脚本在整个项目中工作的脚本

我应该在Bootstrap项目中使用normalize.css吗?

对于Android Studio项目中使用的外部库,找到新版本的最佳方法是什么

在Node.js中使用Akka的最佳方法是什么

在Django项目中使用Web套接字的最佳方法是什么?

在Laravel / Vue.js项目中共享静态/配置数据的最佳方法是什么

在Nuxt中存储常数的最佳方法是什么?

将Tailwind CSS放入ASP.NET Core项目的最佳方法是什么?

使用Nuxt.js时,动态Vuex模块初始化的最佳方法是什么?

在nrwl / nx Next js项目中使用Tailwind CSS

Nuxt Js全球CSS与本地CSS问题

Nuxt.js-API调用的最佳位置

在数据库引擎中使用栏杆来管理项目中的用户和公司的最佳方法是什么?

在Symfony项目中使用flag-icon-css的正确方法是什么?

使用CodeIgniter导入js和CSS的最佳方法是什么?

使用 css + sass 构建这个网格的最佳方法是什么?

如何让 CSS IntelliSense 在 Nuxt 项目上工作?

为什么 sass 不能在 Nuxt 项目中编译

使用 Nuxt 处理登录\注销按钮以避免内容闪烁的最佳方法是什么?

在 .net core (2.1) 项目中使用 Vue js 的最佳方法是什么

在另一个 python 项目中使用 python 库的自定义分支的最佳方法是什么?

在 ASP.NET 项目中使用 SqlCommand 和 SqlConnection 对象的最佳方法是什么

将 VUEX (nuxt.js) 用于具有 API 的 CRUD 操作员的最佳解决方案是什么?

如何在nuxt项目中使用vue插件

VSCode:提交 VSCode 在项目中使用的扩展列表的最佳方法是什么?

使用 CSS 将文本垂直居中的最佳方法是什么?

是否可以在 Nuxt 项目中使用 wordpress 页面?