nuxt.js - 在 Nuxt.js 项目中使用 normalize.css 的最佳方式是什么?
问题描述
我使用命令搭建了一个新的Nuxt.js项目,并将Bulma用于 UI 框架。我了解到 bulma.css 文件已包含在nuxt.config.js文件中,配置如下。npx create-nuxt-app
modules: [
'@nuxtjs/bulma'
]
但后来我想使用normalize.css来确保样式在所有浏览器中保持一致。为了使它正常工作,这个 normalize.css 文件应该包含在所有 css 文件的顶部。
我已经尝试将它导入到这样的layout/default.vue
文件中。(我参考了这个)
<style lang="scss">
@import '~/node_modules/normalize.css/normalize.css'
</style>
但是当我检查 Chrome devtools 时,我了解到 normalize.css 文件实际上包含在底部。
在 normalize.css 之前包含的样式是bulma.css
所以问题是:如何在这个 Nuxt.js 项目中正确导入normalize.css以便将其导入/包含在 css 文件列表的顶部?
解决方案
推荐阅读
- mysql - 如何使用带有汉字的名称转储表格?
- python - 我想使用外键更新不同模型中的布尔字段
- .net - %2b 导致 IIS Hosted Angular 返回 404
- openid-connect - ASP.Net Core OIDC 如何识别新登录
- python-3.x - 在 Python 中将特定的中文标点符号替换为对应的英文标点符号
- ruby - 在视图中使用“助手”方法
- docker - Redis 哨兵故障转移
- vue.js - 我应该如何将 VeeValidate 3 用于手机上的浏览器?
- javascript - 如何正确处理移动设备的链接标签?
- python - sendVideo 给出错误“错误请求:无法获取 HTTP URL 内容”