0

publicPathinが何をするのかよくわかりませんwebpack。具体的には、output.publicPath. githubのドキュメントでは、これを見る

https://github.com/webpack/docs/wiki/configuration#outputpublicpath

Javascript / HTML ページのビューからの output.path。

reactjsホットロードの場合、私は持っています

output: {
        path: path.resolve('./public/bundle/'),
        // path: './public/bundle',
        filename: 'main.js',
        // Webpack dev server is bound to port 8080, we have to force use of absolute URL, using the publicPath property
        publicPath: 'http://localhost:8080/public/bundle/'
    },

これは、ビルドされた webpack ファイル ( main.js) がdev-server http://localhost:8080/public/bundle/に配置されていることを意味しますか?

4

1 に答える 1

1

はい、Webpack は、生成されたバンドル ファイル (またはそれが生成するその他のアセット) をホストする場所を知る必要があります。これにより、file-loader または url-loader からロードされる追加のチャンクまたはファイルを要求できます。したがって、この場合、webpack-dev-server を起動すると、次のバンドル ファイルにアクセスできるようになりますhttp://localhost:8080/public/bundle/main.js(画像、commonchunk、フォントなどの関連アセットはすべてそのパスの下にあります)。

dev-server の外部で、アセットの場所を定義するために使用できます (カスタム ディレクトリまたは CDN から)。

于 2015-10-30T23:02:13.117 に答える