vite打包后element样式被其他框架样式覆盖的解决方法

作者:J.sky · 发表于:
2023-05-22T20:18:00.000000Z
· 更新于:
2023-08-13T22:54:57.601619Z
· Tag: vite

今天打包一个项目,发现element button 样式被其他矿建的样式覆盖了,项目里还使用了tailwindcss,当时打包的时候提示文件大小超过了默认值,我就修改了vite build的配置项chunkSizeWarningLimit,并且使文件分开打包,然后就发现element的样式后边始终跟随一个样式表,会覆盖element button的背景颜色的样式,网上搜了很多方法都没有效果。

解决方法:

vite中的build配置删除拆分打包的配置项,只保留并设置chunk的大小即可完美解决。

build: {
        chunkSizeWarningLimit: 1500,
    },