正常使用antd跟tailwindcss后发现
控制台发现是antd的标签样式高于tailwindcss怎么解决?
导致使用的tailwindcss样式,被antd样式给覆盖了
例如:

发现所引用的css样式顺序不对

如何让这两个css的顺序要达到自己想要的顺序呢,那么就通过打包输出的方式去解决,
这里使用的是rsbuild配置
rspack: {
optimization: {
splitChunks: {
chunks: 'all',
cacheGroups: {
antd: {
test: /[\\/]node_modules[\\/]ant-design-vue[\\/]/,
name: 'antd',
chunks: 'all',
priority: 10,
},
},
},
},
意思是
所有命中该规则的模块都会被打包进这个 antd chunk。
priority设置优先级为 10
就是将ant-design-vue 这个 UI 库从主包中拆分出来,单独打包成一个叫 antd.xx 的文件,并优先处理它。
解决后
重新打包后的顺序完全就是自己想要的了


7427

被折叠的 条评论
为什么被折叠?



