webpack输入和输出路径

Question

我有一个像这样的文件目录

和我的webpack.config.js看起来像

module.exports = {
  entry: [
    'webpack/hot/dev-server',
    'webpack-hot-middleware/client',
    './resources/assets/bundle/entries/feed.js'],
  output: {
    path     : path.join(__dirname, 'public/bundle'),
    publicPath : '/',
    filename : 'bundle.js'
  }
}

有什么不对？为什么我在我的public / bundle / bundle.js中找不到bundle.js？我跑http://localhost:3000/bundle/bundle.js我得到404错误嗯......

Answer 1

在开发者模式下，webpack不会在硬盘驱动器中生成文件。 如果在生产模式下运行webpack，您将看到生成的文件。

Answer 2

当您使用热重载或不同的观察者时，webpack会生成虚拟包。如果您尝试运行全局命令＆＃39; webpack＆＃39;或者构建项目，你可以得到bundle.js

Answer 3

在index.html中，我们没有提及localhost文件的路径，而是相对于当前文件。因此，如果index.html在root中，您将提到脚本src，如下所示

<script src="./public/bundle/bundle.js"></script>