Webpack-dev-сервер, обслуживающий в другой папке, чем вывод webpack

это в мой 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) папка, как я ожидал. Но!--5--> выводит файл пакета в build/ (как я ожидаю).

поэтому я должен изменить script scr когда я делаю сборки.

есть ли способ решить это? Возможно, это просто плохая конфигурация мой webpack.config.js.

Я запускаю ubuntu BTW.

1 ответов


publicPath сообщает webpack-dev-server, где обслуживать ваш пакет в памяти

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