页面加载时出现了很多莫名其妙的style标签?

作者站长头像
站长
· 阅读数 11

最近突然发现页面的head标签里多了很多style

页面加载时出现了很多莫名其妙的style标签?

每次路由切换时, style标签越来越多...

页面加载时出现了很多莫名其妙的style标签?

前面几个刷出的style里面是样式代码

页面加载时出现了很多莫名其妙的style标签?

但是后面的style就很莫名其妙了, 都是些没有什么实际意义的注释

页面加载时出现了很多莫名其妙的style标签?

大概的代码就是如下

<style>
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJhcHAuY29tcG9uZW50LnNjc3MifQ== */</style>

这是怎么回事? 有没有大佬遇到过类似的问题?

创了个新项目还是会有这种情况页面加载时出现了很多莫名其妙的style标签?

回复
1个回答
avatar
test
2024-06-26

这应该是框架自带的吧。切换路由 style 标签变多应该是用了 CSS Module 的原因。那些没有意义的注释是 Source Map

通俗的来说, Source Map 就是一个信息文件,里面存储了代码打包转换后的位置信息,实质是一个 json 描述文件,维护了打包前后的代码映射关系。
回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容