「労働者が自分の仕事をうまくやりたいなら、まず自分の道具を研ぎ澄まさなければなりません。」 - 孔子、「論語。陸霊公」
表紙 > プログラミング > webpackのパブリックパス

webpackのパブリックパス

2024 年 7 月 31 日に公開
ブラウズ:111

webpack publicpath

publicPath 構成オプションはプレースホルダーとして機能し、静的アセットへのパスを動的に調整できます。

説明のために、commons.js などの静的アセットを CDN にアップロードしたシナリオを考えてみましょう。このファイルの実際の URL は次のとおりです:

https://s1.cdn.com/my-project/commons.js

ただし、通常、HTML ページは独自のドメインから提供されます。例:
https://my-own-domain.com/my-project/index.html

index.html が CDN でホストされている静的ファイルを正しく参照していることを確認するには、publicPath 設定を利用できます。この構成は、index.html 内の commons.js のローカル パスを次から置き換えます:

https://my-own-domain.com/my-project/commons.js
CDN パスへ:

https://s1.cdn.com/my-project/commons.js
publicPath を設定すると、HTML ファイル内の静的アセットへのすべての参照が正しい CDN URL を指すようになり、効率的なコンテンツ配信が容易になります。

リリースステートメント この記事は次の場所に転載されています: https://dev.to/zwd321081/webpack-publicpath-321h?1 侵害がある場合は、[email protected] に連絡して削除してください。
最新のチュートリアル もっと>

免責事項: 提供されるすべてのリソースの一部はインターネットからのものです。お客様の著作権またはその他の権利および利益の侵害がある場合は、詳細な理由を説明し、著作権または権利および利益の証拠を提出して、電子メール [email protected] に送信してください。 できるだけ早く対応させていただきます。

Copyright© 2022 湘ICP备2022001581号-3