webpack-dev-middlewareからバンドルを取得

Question

webpack-dev-middlewareをセイルと設定しました。 Webpack設定のpublicPathは/static/に設定されています。 Webpackはエラーなしでbundle.jsを作成しますが、localhost:3000/static/bundle.jsでは利用できません。

バンドルを挿入するにはどうすればよいですか？帆のために必要なことは何ですか？

Answer 1

Webpack設定とwebpack-dev-middlewareオプションの2つの場所にpublicPathを定義する必要があります。

例えば、これは私が（それは帆とまったく同じに動作しますので、もし完全にわからないエクスプレス、上で）使用しているものである：

const webpackDevMiddleware = require('webpack-dev-middleware'); 
const webpackConfig  = require('./webpack.dev'); 
const compiler    = require('webpack')(webpackConfig); 

app.use(webpackDevMiddleware(compiler, { 
    noInfo  : true, 
    publicPath : webpackConfig.output.publicPath 
})); 

（私は別のWebPACKの設定ファイルはwebpack.dev.js呼ばれてい）

私は、ミドルウェアのWebpack設定からpublicPathを再利用しています。