国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

長(zhǎng)いデータ URI のコード処理
P粉872182023
P粉872182023 2024-02-03 22:56:39
0
1
560

データ URI、base64 を使用して畫像とビデオをゲームに追加していますが、複數(shù)のビデオを含むゲームを作成したい場(chǎng)合、各ビデオのコードが 500 行を超えることがわかりました。何か良い方法はありますか?このタイプのファイルを処理することをお?jiǎng)幛幛筏蓼?。私が実際に行ったのは、Mixin ファイルを作成し、base64 を返す複數(shù)の関數(shù)を作成することでした。

ああああ

P粉872182023
P粉872182023

全員に返信(1)
P粉605233764

(webpack、parcel、rollup、browserify など) のようなバンドラーを使用することをお?jiǎng)幛幛筏蓼埂? 複數(shù)のファイルでプログラムでき、バンドラーはファイルにデプロイする前にすべてのファイルをマージします (そしてそれを縮小します) 。

webpack のようなバンドラーを使用すると、すべてのデータ URL を含む json ファイルを作成できます。例:

リーリー

アプリケーションスクリプト內(nèi):

リーリー

そして、アプリケーション ファイルに json ファイルをインポートすると、それがバンドラーのビルド アクションに統(tǒng)合されます。 そして、アプリケーションのすべてのファイルを含む 単一ファイル を作成します。

Webpack とプロジェクトのセットアップ方法の詳細(xì)については、ドキュメントを確認(rèn)してください。回答で説明するには長(zhǎng)すぎますが、それに関する優(yōu)れた記事/ビデオがすでにあります。 (ただし、他のバンドラーも使用できます)

私の答えはあなたを正しい方向に導(dǎo)きます。

更新:

小さなデモ プロジェクト (nodenpm がインストールされている場(chǎng)合) :

使用 npmこれらのパッケージをインストールします

  • html-インラインスクリプト-webpack-プラグイン
  • html-webpack-プラグイン
  • ネットワークパケット
  • webpack-cli

Webpack の基本構(gòu)成ファイルを作成します:

リーリー

デモ アプリケーション コードは次のとおりです:

リーリー

デモ プロジェクトの構(gòu)造は次のとおりです:

出力 HTML ファイルのみが作成され、他のファイルはすべてインライン化されます。

最新のダウンロード
詳細(xì)>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート