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、字体等都将位于该路径下)

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

于 2015-10-30T23:02:13.117 回答