我使用命令搭建了一个新的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文件实际上包含在底部。
normalize.css之前包含的样式是bulma.css
所以问题是:如何在此Nuxt.js项目中正确导入normalize.css,以便将其导入/包含在css文件列表的顶部?
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句