javascript - js の非同期読み込みと DOM 実行シーケンス、js のパッケージ化。 (gulp と webpack なし)

Question

＃＃＃＃＃＃目的：＃＃＃＃＃＃

プロジェクト内のすべてのページに共通するリソース (reset.css、jq-ui.css、jq.js など) を 1 つの js (初期化 js と呼ぶことができます) にパッケージ化したいと考えています。将来の新しいページ用に、この js を引用するだけで済みます。

＃＃＃＃＃＃現状：＃＃＃＃＃＃

index.html

リーリー

次のように変更したい:

index.html

リーリー

init.js

リーリー ＃＃＃＃＃＃質問：＃＃＃＃＃＃

ページリソースの読み込み順序の問題

reset.css は最初にロードする必要があります。 ----実際にはDOMレンダリング後に読み込まれるので意味がありません

jq.js、すべてのページの js は jq に依存しているため、最初に jq をロードしてからページの js をロードする必要があります。 ----実際の状況では、ページ js が最初に読み込まれ、エラーが報告されます。

アドバイスを求める:

上記の望ましい結果を達成したい場合、外部 src および href リソースが望ましい順序でリクエストされるようにするには、どのように記述すればよいでしょうか?これは、ページの js が実行される前に依存する css と js を実行し、読み込み後に実行する必要があることを意味します。
ファイル リスニング イベントと onload を確認しましたが、ページには共通のものがたくさんあります。ロードする前に、初期化されたリソースがすべてロードされていることを確認するにはどうすればよいですか?

リーリー

Answer 1

パッケージ化にgulpを使用しているかwebpackを使用しているかはわかりません

gulp-orderのようなプラグインを導入してみてください。

Answer 2

おそらく順番に梱包したのを覚えています。十分。