时间戳

首页 > 解决方案 > webpack 的 devServer 的默认根目录是什么？

webpack - webpack 的 devServer 的默认根目录是什么？

问题描述

我已经配置了 Webpack，具有以下 devServer 配置：

devServer:{
  port: 8080,
  host: 'localhost',
  publicPath: 'http://localhost:8080/',
  ...
}

我怎么知道开发服务器的根目录在哪里。从 webpack 的文档中，有一个设置devServer.contentBase，我的配置中没有这个设置。

devServer.contentBase（布尔字符串数组）

告诉服务器从哪里提供内容。仅当您要提供静态文件时才需要这样做。devServer.publicPath 将用于确定应从何处提供捆绑包，并具有优先权。

默认情况下，它将使用您当前的工作目录来提供内容，但您可以将其修改为另一个目录：

我只是不明白如何devServer.publicPath告诉服务器从哪里提供内容！。

[更新] 我认为它从output.pathWebpack 的设置中提供文件。但不确定。

标签： webpackwebpack-dev-server

解决方案

检查下面的代码，如果您看到它的publicPath: '/'意思，它将采用webpack.config.js存在的目录。

  devServer: {
            open: 'http://localhost:9000',
            port: 9000,
            publicPath: "/",
        },

如果要指定文件夹，则需要传递文件夹名称，如下所示。

 devServer: {
                open: 'http://localhost:9000',
                port: 9000,
                publicPath: "/foldername",
            },

推荐阅读