当使用 @include('editor::head')
时
页面会多加载http://cdn.bootcss.com/bootstrap/3.3.0/css/less/navbar.less
这个文件
导致我的页面样式都乱了!!!!
而我在head.blade.php里并没有引入上面的文件
网络请求里也并没有加载http://cdn.bootcss.com/bootstrap/3.3.0/css/less/navbar.less
这个文件
事实上如图:箭头所指的方向就是http://cdn.bootcss.com/bootstrap/3.3.0/css/less/navbar.less
这个文件!!
解决方案
箭头所指部分,虽然显示 navbar.less
但实际并没有加载这个文件,问题就是:
<link href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.css" rel="stylesheet">
至于为什么这里显示 navbar.less
,则是 SourceMap
特性带来的,因为不管是 CSS
或者是Javascript
,线上使用的时候都会压缩,这就会给调试定位问题带来很大麻烦,具体介绍可以看 JavaScript Source Map 详解
所以,问题就是引入的这个包里面使用了 bootstrap
中, 而你的css和 bootstrap
的样式名有重名,导致样式污染
了。