Chrome99新特性：@layers规则解析

后台CSS写多了会觉得不太好用，经常会遇到各种问题...比如：“风格大比拼”使用过npm上发布的antdesign+业务组件等组件库的同学可能经常会遇到自定义样式不生效的问题，比如这个.../*main.module.css*/.green{color:green;}//main.tsximport{Button}fromantd;importantd/dist/antd.css;//@ts-ignoreimportstylesfrom./main.module.css;importNothingfrompacked-bad-component;导出默认函数Component(){const{green}=styles;return(<>WhatcoloramI?);}//bad-component.tsx发布为packed-bad-componentimport{Button}antd;importantd/dist/antd.css?uncached;exportdefaultfunctionNothing(){returnnull;}按钮中的文字是什么颜色？你可以点击这里试试：https://codesandbox.io/embed/bad-case-css-priority-xs3ds?fontsize=14&hidenavigation=1&theme=dark这是因为，如果发布的组件引入了antdesign的风格，它将被打包