Webpack如何使用目标属性

Question

我是Webpack的新手，我试图弄清楚目标的实际作用。

在Webpack中，文档说：

  

节点：编译以在类似Node.js的环境中使用（使用Node.js）   需要加载块）

     

网络：针对类似浏览器的环境进行编译（默认）

但这是非常抽象的，不能告诉您实际的区别是什么。

我注意到，如果在节点模式下使用webpack-server运行webpack配置文件， 我收到错误未定义，而 如果我只是使用webpack导出文件，然后独立运行文件，则运行良好。目标仅适用于webpack开发服务器吗？

module.exports = {
  mode: "development",
  target: "web", //node
  devtool: "cheap-module-source-map",
  entry: "./src/index",
  output: {
    path: path.resolve(__dirname, "build"),
    publicPath: "/",
    filename: "./bundle.js"
  },
  devServer: {
    stats: "minimal",
    overlay: true,
    historyApiFallback: true,
    disableHostCheck: true,
    headers: { "Access-Control-Allow-Origin": "*" },
    https: false
  },
}