webpack打包css后,导致js出错。

我把css单独引入html的时候,js计算的宽度是正常的,但是当我把cssjs打包在一起的时候,js计算的宽度竟然变了,我真是懵逼了???

2376px
单独引入css文件的时候,这是正常的宽度。

图片描述

这是cssjs一起打包后的宽度。

这直接导致我写的无缝滚动运行失败。

clipboard.png
这是js里面计算宽度。

为什么会有影响呢?搞不懂,求解???!!!

阅读 3.2k
2 个回答

webpack打包css时是把css放到js里面的,在前端js执行时会把css插入html里,所以最好在js代码的入口处引入css,这样js一执行首先就会先插入css,后面获取大小就正确了

是打包顺序的原因,css要放到前面打包。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题