今天想写一个css插件,突然想起来style-loader好像有过滤css的功能,试着安装了一把,最后的html中出现了两个<style>块,这两个style中包含的css很少量,与extract后的完整css代码相比确实少了很多,本来我以为到此结束了,可是随便检查一个页面内的元素发现,控制台上描述的这个元素样式有很多,例如.a .b .c{width:100px},但在<style>块中根本找不到(已经拷到ide中反复查找),而拿控制台中的选择器直接去找的话,总是把某一个<style>块给高亮。
现在的问题是,style-loader把少量的css放在了html的<style>块中,而检测页面的元素发现样式不在这个<style>块内,元素中的样式究竟写到哪去了??
style-loader 将css插入到页面的style标签,css-loader是允许webpack识别.css的文件,
style-loader是将webpack识别完的css文件中的内容,在编译完运行文件的时候,将这些css用style标签包起来嵌在head内,只有写在行间的css才在html中,其余的引入的css全在head里。
一周热门 更多>