webpack 开发服务器更改根目录答案

【问题标题】：webpack dev server change rootwebpack 开发服务器更改根目录
【发布时间】：2017-06-20 12:21:08
【问题描述】：

如何从子目录中提供 webpack 开发服务器（更改服务器运行的根目录）。现在我的服务器在http://localhost 上可用，我希望它在http://localhost/site 上运行。我希望 ./dist 下的两个文件和捆绑包都可以从 http://localhost/site 获得。

return new webpackDevServer(compiler, {
  contentBase: './dist',
  hot: true,
  publicPath: '/site/',
  proxy: {
    '/backend': {
      secure: false,
      target: 'http://localhost:8080/',
      pathRewrite: {
        '^/backend': ''
      }
    }
  }
}).listen(80);

我尝试使用 publicPath，但这似乎不起作用。这可能吗？

【问题讨论】：

标签： javascript webpack webpack-dev-server

【解决方案1】：

要更改根目录，您必须将以下配置添加到 webpack 的配置中

module.exports = {
  //...
  devServer: {
    publicPath: '/site/'
  }
};

这将允许您在该特定路径下提供文件。

【讨论】：

我相信设置contentBase 是正确的做法。