因为多个componets中css定义有冲突
直接 improt 的话 webpack 就会把所有的css样式生成一个大的css，由于当初编写css命名不是很好，很多classname都是重复的，然后页面就会各种错乱。
找了半天也没找到compoents 动态加载css的方法
但是找到了一个算是比较好的办法
在componets 中 使用这种形式去引用css
1 | <style scoped src="xxx.css"></style> |
webpack打包的时候会在 css 中自动加上当前components的前缀 就能完美解决各个components css冲突的问题啦
参考资料（我本人的提问）：
