javascript - 用vue-cli创建的项目,怎么一个components引用一个css文件

Question

我import 这个 css 在index.vue

import '../assets/fuck.css'

生成的文件就会在head种加入这个文件中的样式。

但是每个页面的css都是单独写的
比如

index.vue 引用index.css

index1.vue 引用 index1.css

我想要他能每个页面加载每个页面对应的css应该怎么配置

Answer 1

问题已解决

<style scoped src="xxx.css"></style>

Answer 2

<style scoped>
    @import '../assets/fuck.css'
</style>

Answer 3

index.vue
<style scoped>
    @import '../assets/index.css'
</style>

index1.vue
<style scoped>
    @import '../assets/index1.css'
</style>