用 vue-cli 创建的项目,怎么一个 components 引用一个 css 文件
m939594960 · 2016-10-08 11:49:26 +08:00 · 9207 次点击这是一个创建于 2758 天前的主题，其中的信息可能已经有所发展或是发生改变。
我 import 这个 css 在 index.vue
import '../assets/fuck.css'
生成的文件就会在 head 种加入这个文件中的样式。
但是每个页面的 css 都是单独写的比如
index.vue 引用 index.css
index1.vue 引用 index1.css
我想要他能每个页面加载每个页面对应的 css 应该怎么配置
我看到很多人都说用这种方法
<style scoped>
@import '../assets/index1.css'
</style>
但是我试了一下是不行的，不知道是什么问题 http://p1.bpimg.com/4851/c116decb60d60fb4.png
 |
1
zhuangtongfa 2016-10-08 12:06:08 +08:00
直接 src="xxx.css"就行
|
 |
2
m939594960 OP @zhuangtongfa 具体怎么写？ <link rel="stylesheet" href="../assets/fuck.css"> 是这样么？ 那这段写在哪 我写在
<template></template>里 报错 |
 |
3
cyio 2016-10-08 13:12:59 +08:00
避免使用 scoped 特性，会带来不必要的麻烦，请手动使用命名空间解决
|
|
4
zhuangtongfa 2016-10-08 20:17:31 +08:00
|
|
5
m939594960 OP @zhuangtongfa 恩 试了一下 果然好用了
|
|
6
m939594960 OP @cyio 会带来什么样的麻烦呢？项目是以前写的 html+css 所以很混乱，改起来比较费劲。
|
|
7
zhuangtongfa 2016-10-09 09:14:20 +08:00 via Android
@m939594960
我觉得没啥大问题，只是如果你要换到别的框架， css 会有麻烦，毕竟其他框架没 scoped |
|
8
cyio 2016-10-09 10:42:05 +08:00
scoped 缺点：
1. 不支持 media query 以及 after 伪元素 2. 动态插入 html 时样式不起作用 <div class="example" _v-f3f3eg9>hi</div> 你无法预先知道生成的 ID 是什么，也就无法后续去控制 scoped style 如何处理动态的 html 标签? · Issue #239 · vuejs/vue-loader https://github.com/vuejs/vue-loader/issues/239 |
|
9
m939594960 OP @cyio 了解了 十分感谢
|
|
10
zhuangtongfa 2016-10-17 22:56:46 +08:00
|
Select Language
