Javascript 无法找到网页包'；s生成文件夹

我刚开始使用webpack开发React应用程序。我的配置文件如下：

var webpack = require('webpack');

module.exports = {
  devtool: "eval",
  entry: {
    app: [
      "webpack-dev-server/client?http://0.0.0.0:8080",
      "webpack/hot/only-dev-server",
      "./src/scripts/main.js"
    ]
  },
  output: {
    path: "./build",
    filename: "bundle.js"
  },
  plugins: [
    new webpack.HotModuleReplacementPlugin(),
    new webpack.NoErrorsPlugin()
  ],
  resolve: {
    modulesDirectories: ['node_modules'],
  },
  module: {
    loaders: [
      {
        test: /\.jsx?$/,
        loader: "react-hot!babel",
        exclude: /node_modules/
      },

      {
        test: /\.css$/,
        loader: "style!css"
      },

      {
        test: /\.(html|png)$/,
        loader: "file?name=[path][name].[ext]&context=./src"
      }
    ]
  }
};

按照配置文件中的规定，所有必需的源代码都将绑定到文件

/build/bundle.js

另外，当我使用以下命令运行webpack的开发服务器时

> webpack-dev-server --colors --content-base ./build

它在一开始就给我以下输出，没有错误

http://localhost:8080/webpack-dev-server/
webpack result is served from /
content is served from /Users/xyz/Desktop/pqrProj/build

我可以在上看到我的应用程序按预期运行

---

但是，当我尝试将CD刻录到

/Users/xyz/Desktop/pqrProj/build

中时，我得到一个错误，因为没有这样的文件或目录。

当使用

webpack dev server

时，您的捆绑文件将从内存中提供，而不是写入磁盘，以便在开发过程中进行更快的迭代。这也允许热模块更换等

如果要输出静态文件，可以从命令行使用

webpack

命令（而不是webpack dev server）