版本 vite@5.4.11
vite项目将styles.module.scss和vue组件的style标签打包为style标签插入html中
这些style标签统一具有data-vite-dev-id属性 其值包含了文件路径和vite使用的查询参数
<style data-vite-dev-id="xxx/xxx/index.vue?type=style&xxx"></style>
或者
<style data-vite-dev-id="xxx/xxx/styles.module.scss"></style>
可以通过css属性选择器取得特定文件的style标签
document.querySelectorAll('style[data-vite-dev-id*=文件名]')
这样就可以取得css转义后的结果
无关的小知识
如何给弹窗附加样式
弹窗和当前组件的hash不一样 style scoped不管用 所以要用新的css文件
