webpack 没有将文件输出到正确的目录答案

【问题标题】：webpack did not output file to correct directorywebpack 没有将文件输出到正确的目录
【发布时间】：2017-07-02 20:21:21
【问题描述】：

我尝试在 laravel 应用中实现热重载。但是我在使用 webpack 进行输出时遇到问题。当我做http://localhost/bundle.js 时，找不到 404。我想知道为什么。在我的终端中，我确实看到了 webpack 捆绑了 bundle.js，但是它去了哪里？

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 问题出在这里

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 视图

我也加入了

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

我的 webpack 配置文件有问题。这是我的网站目录：

【问题讨论】：

您的bundle 位于public/bundle/bundle.js。根据您的脚本，您正在尝试从根目录加载脚本，这是不正确的。
@Aexander T. 应该怎么样？ bundle.js 不是物理文件，看这个例子github.com/eriksape/laravel-react-hot-loader/blob/master/…。您将 feed.js 和许多其他文件转换为 bundle.js，然后您可以使用 browsersync 进行热重载
表示我的路径值不正确？请帮忙。我看不出有什么问题。

标签： javascript laravel reactjs webpack gulp

【解决方案1】：

webpack 开发服务器不会将包写入磁盘。

这个修改过的包是从内存中的 publicPath 中指定的相对路径提供的（请参阅 API）。它不会被写入您配置的输出目录。如果同一 URL 路径中已存在捆绑包，则内存中的捆绑包优先（默认情况下）。

您可以在这里找到更多信息：https://webpack.github.io/docs/webpack-dev-server.html

根据您的具体需求，您可以考虑使用不同的 webpack 配置

【讨论】：