When I introducecssseparately into html, the width calculated byjsis normal, but when I introducecss,jsWhen packaged together, the calculated width ofjshas changed. I’m really confused? ? ?
2376px
When thecssfile is imported separately, this is the normal width.
This is the width ofcssandjspackaged together.
This directly caused the seamless scrolling I wrote to fail.
This is the width calculation in js.
Why does it have an impact? I don’t understand. Can you please explain? ? ? ! ! !
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
When webpack packages css, it puts the css into js. When the front-end js is executed, the css will be inserted into the html, so it is best to introduce css at the entrance of the js code, so that when js is executed, the css will be inserted first, and then Get the size and it’s correct
It’s because of the packaging order, css should be packaged first.