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',
      }
    ]
  },
}

webpack-dev-server 不更新服务包

webpack-dev-server does not update served bundle

webpack

webpack-dev-server