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会生成虚拟包。 如果您尝试运行全局命令'webpack'或构建项目，则可以获取bundle.js

Answer 3

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

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