javascript - publicPath 与 react 热加载器

Question

我不太确定 webpack 中的 publicPath 是做什么的。具体来说，output.publicPath。在 github 文档中，我看到了这个

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

The output.path from the view of the Javascript / HTML page.

对于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/ 中？

Answer 1

是的，Webpack 需要知道您将在哪里托管生成的捆绑文件(或它生成的任何其他 Assets )，以便它可以请求从文件加载器或 url 加载器加载的其他 block 或文件。因此，在这种情况下，当您启动 webpack-dev-server 时，您将能够访问您的包文件: http://localhost:8080/public/bundle/main.js (任何相关 Assets (例如图像、commonchunk、字体等)都将位于该路径下)

在开发服务器之外，您可以使用它来定义 Assets 的位置(来自自定义目录甚至 CDN)