Webpack-dev-server 服务于与 webpack 输出不同的文件夹

Webpack-dev-server serving in different folder than webpack output

这是我的webpack.config.js

var path = require('path');
module.exports = {
  entry: './src/index.jsx',
  output: {
    path: path.resolve(__dirname, 'build'),
    filename: 'bundle.js'
  },
  devServer: {
    inline: true,
    port: 8080
  },
  module: {
    loaders: [
      {
        test: /\.jsx?$/,
        exclude: /node_modules/,
        loader: 'babel',
        query: {
          presets: ['es2015', 'react']
        }
      }
    ]
  }
}

这就是我 运行 的方式:

$ webpack-dev-server --watch-poll --progress --colors
$ webpack --progress --colors

我遇到的问题是 webpack-dev-server 正在我的文件夹根目录(而不是 build)文件夹中提供捆绑文件,这是我所期望的。但是 webpack 将捆绑文件输出到 build/ (我期望的方式)到。

所以我必须在构建时更改 脚本 scr

有办法解决吗?也许只是我的 webpack.config.js.

上的配置不正确

我 运行宁 ubuntu 顺便说一句。

publicPath 告诉 webpack-dev-server 在内存中的哪个位置提供你的包

output: {
   path: path.resolve(__dirname, 'build'),
   filename: 'bundle.js',
   publicPath: '/build/'
}