javascript - js の非同期読み込みと DOM 実行シーケンス、js のパッケージ化。 (gulp と webpack なし)
代言
代言 2017-06-30 09:58:30
0
2
817
######目的:######

プロジェクト内のすべてのページに共通するリソース (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 が最初に読み込まれ、エラーが報告されます。

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

リーリー

代言
代言

全員に返信 (2)
扔个三星炸死你

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

gulp-orderのようなプラグインを導入してみてください。
いいねを押す+0
    给我你的怀抱

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

    いいねを押す+0
      最新のダウンロード
      詳細>
      ウェブエフェクト
      公式サイト
      サイト素材
      フロントエンドテンプレート
      私たちについて 免責事項 Sitemap
      PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!