码迷,mamicode.com
首页 > Web开发 > 详细

vue 中 scoped的用法 以及css文件引入问题的补充

时间:2019-10-20 16:14:23      阅读:208      评论:0      收藏:0      [点我收藏+]

标签:tail   使用   code   选择   页面   生效   log   import   解决办法如下   

自:https://blog.csdn.net/weixin_39941429/article/details/80254724

下面再说说VUE中scoped的编译原理吧。具体可以参考vue-loader

所谓的局部css,就是通过vue-loader这个插件,在编译打包的时候将带有scoped属性的css打上一个tag,同时将template内的所有html都打上一个相同的tag,最后通过css的属性选择器定位,造就了所谓的局部css。参考scoped内复写组件样式

css-loader对import的文件会当做外部资源,那么我能理解为它是把import的css文件单独提取出来,并没有把其中的样式放在