webpack-dev-server 不更新服务包

Question

这是我的 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 文件中进行更改时，开发服务器看起来像是在控制台中捆绑，但我在浏览器中看不到任何更改。即使手动刷新所提供的bundle.js也不会改变(我在开发人员工具中查看它，我知道webpack-dev-server从内存中提供文件并且不会将更改写入文件系统)。

我的 webpack 配置有什么问题或者我需要以某种方式配置 webpack-dev-server 吗？

Answer 1

正如 Bob Sponge 在评论中提到的，问题是缺少 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',
      }
    ]
  },
}