背景
之前我的项目中遇到swiper的款式引入了不失效的问题，在网上搜了挺久也没找到解决办法。最初在GitHub的issue中找到了问题，记录一下不便后续遇到这个问题的小伙伴定位问题吧
问题及起因
在swiper的官网demo中，是通过间接引入scss文件进行款式的援用。
下图demo可在swiperjs.com/react 中查看
然而引入了这些款式文件后发现页面上并没有相应的款式。
进入对应的组件查看package.json文件，发现sideEffects设置的为false，这就导致了webpack打包的时候将间接import的款式tree shaking掉了。具体可查看webpack文档：webpack.docschina.org/guides/tree…
解决办法
解决办法呢很简略，通过require引入，或者是 import style from 的模式将款式引入并应用。
作者：CK哈哈哈
链接：https://juejin.cn/post/698275...
起源：掘金
著作权归作者所有。商业转载请分割作者取得受权，非商业转载请注明出处。