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文件中进行更改时，看起来dev-server正在捆绑在控制台中，但我看不到浏览器中的任何更改。即使在手动刷新服务的bundle.js之后也没有改变（我在开发人员工具中看到它，我知道webpack-dev-server从内存提供文件并且不会对文件系统进行更改）。 / p>

我的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不更新服务包

1 个答案: