我正在开发一个gulp用于编译和浏览器同步的网站,以使浏览器与我的更改保持同步。
gulp
gulp 任务可以正确编译所有内容,但是在网站上,我看不到任何样式,并且控制台显示以下错误消息:
拒绝应用来自 ‘ http://localhost:3000/assets/styles/custom- style.css ‘ 的样式,因为它的 MIME 类型 (‘text/html’) 不是受支持的样式表 MIME 类型,并且启用了严格的 MIME 检查。
现在,我真的不明白为什么会发生这种情况。
HTML 包含这样的文件(我很确定这是正确的):
<link rel="stylesheet" type="text/css" href="assets/styles/custom-style.css"/>
样式表现在是 Bootstrap 和 font-awesome 样式之间的合并(还没有自定义)。
路径也是正确的,因为这是文件夹结构:
index.html assets |-styles |-custom-style.css
但我不断收到错误。
会是什么呢?这可能是 gulp/browsersync 的东西(也许是设置?)?
我认为问题在于以注释开头的 CSS 库。
在开发过程中,我不会缩小文件,也不会删除评论。这意味着样式表以一些注释开头,导致它被视为与 CSS 不同的东西。
删除库并将其放入供应商文件(始终在没有注释的情况下缩小)解决了这个问题。
同样,我不是 100% 确定这是一个修复,但它仍然是我的胜利,因为它现在按预期工作。