webpack中publicPath和contentBase的区别

Question

我开始使用 webpack，现在在 publicPath 和 contentBase 之间感到困惑。该文档在用例上不清楚。

Answer 1

公共路径

存在于 webpack 和 webpack-dev-server 中。关键字是输出！

第一个没有开发服务器的 webpack：

假设您有一个域example.com并且您的网络应用程序位于example.com/app/. 现在通常，网址将是/bundle.abc123.js. 但是通过改变 publicPath 它可以变成/app/bundle.abc123.js.

开发服务器

和 webpack 一样。您现在可以运行一个服务于http://localhost:8080/app/simple的 devserver ！这只是关于输出文件的位置。

内容库

仅存在于 webpack-dev-server 中。仅当您想提供静态文件时才需要它。例如，您希望一个 mp4 假期电影文件夹可供应用程序使用，但您不想通过捆绑包运行它们，因为这很愚蠢。这些资产文件几乎永远不会改变，但它们需要可用于应用程序。

contentBase: path.join(__dirname, 'movies')

现在你可以在你的开发服务器上使用你的应用程序中的那些

<video src="/movies/vacation.mp4">

因此，这控制要添加到您的开发服务器的静态文件。关键字输入！

内容基础公共路径

然后最后我们有：

contentBasePublicPath: '/assets'

与 publicPath 相同，但仅适用于您使用 contentBase 添加的文件。

<video src="/assets/movies/vacation.mp4">