webpackが正しいディレクトリにファイルを出力していません

Question

私はlaravelアプリケーションでホットリロードを実装しようとしています。しかし、webpackを使って出力するのに問題があります。私がhttp://localhost/bundle.jsを実行したときに404が見つかりませんでした。なぜ私は不思議です。私の端末では、bundle.jsがwebpackにバンドルされていますが、どこに行きましたか？

gulpfile.js

var elixir = require('laravel-elixir'); 
var webpackDevMiddleware = require('webpack-dev-middleware'); 
var webpackHotMiddleware = require('webpack-hot-middleware'); 
var webpackConfig = require('./webpack.dev.config'); 
var bundler = webpack(webpackConfig); 
    gulp.task('hot', function(){ 

     elixir(function(mix) { 

      browserSync({ 
       proxy: 'somewhere.local', 
       middleware: [ 
       webpackDevMiddleware(bundler, { 
        publicPath: '/' 
       }), 

       webpackHotMiddleware(bundler) 
       ] 
      }); 
     }); 
    }); 

webpack.dev.config.js 問題は、私はまた

<script src="http://localhost:3000/bundle.js"></script> 

を含め、ここで

module.exports = { 
    debug: true, 
    context: path.join(__dirname, 'resources/assets/bundle/entries'), 
    entry: ['./feed.js'], 
    output: { 
    path  : path.join(__dirname, 'public/bundle'), 
    publicPath : '/', 
    filename : 'bundle.js' 
    } 
    resolve: { 
    extensions: ['', '.js', '.jsx'] 
    } 
} 

私laravelビューが

です

webpack設定ファイルに何か問題があります。私のサイトディレクトリは次のとおりです：

Answer 1

webpack devserverはバンドルをディスクに書きません。

この変更されたバンドルは、publicPath（APIを参照）で指定された相対パスでメモリから提供されます。設定された出力ディレクトリには書き込まれません。バンドルがすでに同じURLパスに存在する場合、メモリ内のバンドルが優先されます（デフォルト）。

あなたはもっとここに見つけることができます：https://webpack.github.io/docs/webpack-dev-server.html

あなたの正確なニーズに応じて、あなたはあなたの `bundle`が`パブリック/バンドル/ bundle.jsに位置しています