开发服务器无法获取/文件夹路径

Question

我正在使用HTMLWebpackPlugin，所以我为某些页面提供了一个文件夹：

  new HtmlWebpackPlugin({
    filename: "/users/login.html",
    template: "src/components/users/login.pug",
    hash: true,
    chunks: ["login"]
  })

因此，我将其输出到login.html文件夹中，而不是在dist文件夹中输出dist/users。

当我运行webpack构建（然后使用Chrome Web Server这样的服务器）时，它可以工作，但是当我使用dev服务器时，我无法获得路径。浏览器返回：Cannot GET /users/login.html。

Web服务器版本显示：

  

“ C：\ users \ login.html”的子html-webpack-plugin：        1项资产       入口点未定义= /users/login.html       [0] ./node_modules/html-webpack-plugin/lib/loader.js!./src/components/users/login.pug   1.48 KiB {0} [内置]       [1] ./node_modules/pug-loader/stringify.loader.js!./src/components/layouts/main.pug   660字节[内置]       [2] ./node_modules/pug-runtime/index.js 6.44 KiB {0} [内置]       [3]外部“ fs” 42个字节{0} [可选] [内置]

我没有DevServer的任何配置。 “ /”中的文件工作正常。