webpack-dev-server 不更新服务包答案

【问题标题】：webpack-dev-server does not update served bundlewebpack-dev-server 不更新服务包
【发布时间】：2016-05-25 19:41:35
【问题描述】：

这是我的 webpack 配置：

module.exports = {
  entry: './src/index.js',
  output: {
    path: './js',
    filename: 'bundle.js'
  },
  module: {
    loaders: [
      {
        test: /\.jsx?$/,
        exclude: /node_modules/,
        loader: 'babel',
      }
    ]
  },
}

我像这样启动 webpack-dev-server：webpack-dev-server --inline 从我的应用程序的根目录。

问题是当我在我的 index.js 文件中进行更改时，它看起来好像 dev-server 捆绑在控制台中，但我在浏览器中看不到任何更改。即使在手动刷新提供的 bundle.js 之后也不会改变（我在开发人员工具中查看它，我知道 webpack-dev-server 从内存中提供文件并且不会将更改写入文件系统）。

我的 webpack 配置有什么问题，还是我需要以某种方式配置 webpack-dev-server？

【问题讨论】：

如何引用您的bundle.js？您使用哪个 url 来查看页面？ localhost:8080?
我使用 localhost:8080 而我的网站使用 bundle.js，如下所示：<script src="js/bundle.js"></script>
以webpack-dev-server --inline --hot运行服务器
@BobSponge 现在控制台的输出略有不同，问题还是一样。
@BobSponge 就是这样。谢谢！

标签： webpack webpack-dev-server

【解决方案1】：

正如 Bob Sponge 在 cmets 中提到的，问题是缺少 output.publicPath。我已经像这样更新了我的配置：

module.exports = {
  entry: './src/index.js',
  output: {
    path: './js',
    filename: 'bundle.js',
    publicPath: 'js/'
  },
  module: {
    loaders: [
      {
        test: /\.jsx?$/,
        exclude: /node_modules/,
        loader: 'babel',
      }
    ]
  },
}

【讨论】：

不错的一个！ publicPath 就是答案！