☰

Webpack の「publicPath」は何をしますか? 質問する

tag-icon • tag-icon javascript webpack
Webpack の「publicPath」は何をしますか? 質問する

Webpack ドキュメント次のように述べますoutput.publicPath。

output.pathJavaScript の観点から見ます。

これが実際に何を意味するのか詳しく説明していただけますか?

output.pathWebpack が結果を出力する場所を指定するためにとを使用していますが、何を入れるべきか、またそれが必須かどうかはoutput.filenameわかりません。output.publicPath

module.exports = {
  output: {
    path: path.resolve("./examples/dist"),
    filename: "app.js",
    publicPath: "What should I put here?"   
  } 
}

ベストアンサー1

output.path

すべての出力ファイルを保存するローカル ディスク ディレクトリ(絶対パス)。

例： path.join(__dirname, "build/")

Webpackはすべてを出力しますlocaldisk/path-to-your-project/build/

output.publicPath

アップロードされたバンドル ファイルにブラウザがアクセスできる場所。(絶対パス、またはメイン HTML ファイルからの相対パス)

例： /assets/

アプリをサーバー ルートにデプロイしたと仮定しますhttp://server/。

を使用すると/assets/、アプリは で webpack アセットを見つけます: http://server/assets/。内部的には、webpack が遭遇するすべての URL が " " で始まるように書き換えられます/assets/。

src="picture.jpg"書き直し➡src="/assets/picture.jpg"

アクセス者: ( http://server/assets/picture.jpg)

src="/img/picture.jpg"書き直し➡src="/assets/img/picture.jpg"

アクセス者: ( http://server/assets/img/picture.jpg)

おすすめ記事