使用Webpack转译Node服务器和Socket.io

Question

使用Webpack转译Node服务器和Socket.io

node.jssocket.iowebpack

6

我想使用webpack来构建我的Node服务器，该服务器使用socket.io。

这是我的简单服务器代码：

var server = require('http').createServer();
var io = require('socket.io').listen(server);

io.on('connection', function(client) {
  console.log('new client');

  client.on('hello', function(data) {
    console.log('msg: ', data);
  });

  client.on('disconnect', function(){
    console.log('client disconnect');
  });
});

server.listen(3000);

这是我的webpack.config.js文件

var config = {
  target: "node",
  entry: {
    server: ["server.js"]
  },
  module: {
    loaders: [
      {
        test: /\.(txt|json|osgjs|osgt|bin)$/,
        loader: "file?name=[path][name].[ext]"
      }
    ],
    noParse: ["ws"]
  }
  externals: ["ws"],
  output: {
    path: __dirname,
    filename: "[name].js"
  }
}

module.exports = config;

当我“编译”时，没有错误，只有一个警告：

> NODE_ENV=development BUILD_TARGET=server webpack --display-error-details

Hash: a692e23215bcd6caa05a
Version: webpack 1.13.2
Time: 672ms
                                       Asset     Size  Chunks             Chunk Names
              _/node_modules/mime-db/db.json   145 kB          [emitted]  
_/node_modules/socket.io-client/package.json  4.29 kB          [emitted]  
                                   server.js   572 kB       0  [emitted]  server
   [0] multi server 28 bytes {0} [built]
   [1] ./server.js 346 bytes {0} [built]
    + 88 hidden modules

WARNING in ../~/engine.io/lib/server.js
Critical dependencies:
74:43-65 the request of a dependency is an expression
 @ ../~/engine.io/lib/server.js 74:43-65

当我尝试启动我的服务器时：

fs.js:977
  return binding.fstat(fd);
                 ^

Error: EBADF: bad file descriptor, fstat
    at Error (native)
    at Object.fs.fstatSync (fs.js:977:18)
    at tryStatSync (fs.js:462:13)
    at fs.readFileSync (fs.js:510:12)
    at Object.<anonymous> (/Users/alexis/Documents/server.js:109:21)
    at __webpack_require__ (/Users/alexis/Documents/server.js:21:30)
    at Object.<anonymous> (/Users/alexis/Documents/server.js:56:34)
    at __webpack_require__ (/Users/alexis/Documents/server.js:21:30)
    at Object.<anonymous> (/Users/alexis/Documents/server.js:48:19)
    at __webpack_require__ (/Users/alexis/Documents/server.js:21:30)

我使用的版本如下：

node: 6.7.0
webpack: 1.13.2
socket.io: 1.5.1

- CitronHades

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- omerts · Accepted Answer

警告来自于一个动态require，例如:

const test = require('scripts/' + scriptName)

通常情况下，可以忽略它。Webpack尝试使用上下文模块来处理动态requires，这基本上是所有可能匹配动态require的模块的表示。您可以在此处阅读更多信息： https://webpack.github.io/docs/context.html 关于错误，如果您不需要将socket.io捆绑到输出包中，可以将其添加到Webpack的externals配置中，Webpack将忽略它，但您需要在解决方案中拥有一个带有socket.io的node_modules文件夹。

因此，您的配置将是：

var config = {
  target: "node",
  entry: {
    server: ["server.js"]
  },
  module: {
    loaders: [
      {
        test: /\.(txt|json|osgjs|osgt|bin)$/,
        loader: "file?name=[path][name].[ext]"
      }
    ],
    noParse: ["ws"]
  }
  externals: ["ws", "socket.io"],
  output: {
    path: __dirname,
    filename: "[name].js"
  }
}

module.exports = config;

对于后端应用，最好不要在打包中包含node_modules依赖项，而 webpack-node-externals 正是为此而设计的一个webpack插件。

如果你想使用该插件，安装完 webpack-node-externals 后，只需要按照以下配置即可：

var nodeExternals = require('webpack-node-externals')

var config = {
  target: "node",
  entry: {
    server: ["server.js"]
  },
  module: {
    loaders: [
      {
        test: /\.(txt|json|osgjs|osgt|bin)$/,
        loader: "file?name=[path][name].[ext]"
      }
    ],
    noParse: ["ws"]
  }
  externals: [nodeExternals()],
  output: {
    path: __dirname,
    filename: "[name].js"
  }
}

module.exports = config;