踩坑系列:webpack打包后,css文件样式都消失了

it2024-02-02  68

我在查看webpack文档学习的时候,发现打包后css文件及样式都没有了,但是一开始学习的时候没有这个问题的。

经过一番排查发现有一个坑,就是当webpack.config.js里面的mode为production时,如果webpack设置了tree-shaking导致把css摇树摇跑了,郁闷啊~~

webpack的tree-shaking就是在package.json的sideEffects进行设置,我当时就是设置为sideEffects:false的。

然后我将sideEffects设置为如下,问题就解决了:

"sideEffects": [ "*.css" //假如还有其他不想要摇树要走的,就在这里继续添加吧 ]
最新回复(0)