javascript - Webpack で CSS をパッケージ化すると、JS エラーが発生します。

Question

cssをhtmlに別途導入した場合、jsで計算された幅は正常ですが、css, js一緒にパッケージ化すると、js の計算された幅が変わりました。本当に混乱していますか? ? ?

2376px
css ファイルを個別にインポートする場合、これは通常の幅です。

これは、一緒にパッケージ化された css と js の幅です。

これは、私が作成したシームレスなスクロールが失敗する直接の原因でした。

#これは、js での幅の計算です。

なぜ影響があるのでしょうか?分かりません。説明してもらえますか？ ? ? ！ ！ ！

Answer 1

webpack が css をパッケージ化すると、フロントエンドの js が実行されるときに css が html に挿入されます。そのため、js のコードの入り口に css を導入するのが最善です。が実行されると、最初に CSS が挿入され、次にサイズを取得すると正しいです

Answer 2

これはパッケージ化の順序のため、CSSは前にパッケージ化する必要があります。