Webpack-dev-server phục vụ trong thư mục khác so với sản lượng webpack

Question

Đây là trong tôi 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'] 
     } 
     } 
    ] 
    } 
} 

Và đây là cách tôi chạy nó:

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

Vấn đề tôi đang gặp là rằng webpack-dev-server đang phục vụ tệp bó ở thư mục gốc của thư mục của tôi (không phải trên thư mục build) như thế nào tôi mong đợi. Nhưng webpack xuất tệp bó thành build/ (cách tôi mong đợi).

Vì vậy, tôi phải thay đổi mã biên tập scr khi tôi tạo bản dựng.

Có cách nào để giải quyết điều đó không? Có lẽ chỉ là cấu hình xấu trên số webpack.config.js của tôi.

Tôi đang chạy ubuntu BTW.

Answer 1

publicPath nói webpack-dev-server nơi để phục vụ bó của bạn trong bộ nhớ

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