带有反应热加载器的 publicPath答案

【问题标题】：publicPath with react hot loader带有反应热加载器的 publicPath
【发布时间】：2015-10-30 20:19:32
【问题描述】：

我不太确定webpack 中的publicPath 是做什么用的。具体来说，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-serverhttp://localhost:8080/public/bundle/？

【问题讨论】：

标签： javascript reactjs webpack webpack-dev-server

【解决方案1】：

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

在开发服务器之外，您可以使用它来定义资产的位置（来自自定义目录甚至 CDN）

【讨论】：