データ URI、base64 を使用して畫像とビデオをゲームに追加していますが、複數(shù)のビデオを含むゲームを作成したい場(chǎng)合、各ビデオのコードが 500 行を超えることがわかりました。何か良い方法はありますか?このタイプのファイルを処理することをお?jiǎng)幛幛筏蓼?。私が実際に行ったのは、Mixin ファイルを作成し、base64 を返す複數(shù)の関數(shù)を作成することでした。
ああああ(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)きます。
更新:
小さなデモ プロジェクト (node と npm がインストールされている場(chǎng)合) :
使用 npmこれらのパッケージをインストールします
Webpack の基本構(gòu)成ファイルを作成します:
リーリーデモ アプリケーション コードは次のとおりです:
リーリーデモ プロジェクトの構(gòu)造は次のとおりです:
出力 HTML ファイルのみが作成され、他のファイルはすべてインライン化されます。