如何捆绑“express”node.js 应用程序？（使用 Webpack）答案

【问题标题】：How to bundle "express" node.js application? (with Webpack)如何捆绑“express”node.js 应用程序？（使用 Webpack）
【发布时间】：2016-12-23 12:58:09
【问题描述】：

我正在尝试将 node.js express 应用程序捆绑到单个文件中以进行分发以删除服务器。我正在尝试将 webpack 用于此类目的。捆绑过程工作正常，但是当我尝试从捆绑包中运行应用程序时出现错误：

错误：此浏览器不支持安全随机数生成使用 chrome、FireFox 或 Internet Explorer 11"

下面是我的 webpack 配置。我正在使用node bundle.js 运行代码

var webpack = require('webpack');

module.exports = {
  context: __dirname,
  devtool: 'eval',
  entry: [
    './index.js'
  ],
  output: {
    filename: 'bundle.js',
    publicPath: '/public'
  },
  resolve: {
    extensions: ['', '.js', '.json'],
  },
  module: {
    loaders: [
      {
        test: /\.css$/,
        loader: 'null-loader'
      },
      {
        test: /\.json$/,
        loader: 'null-loader'
      }
    ]
  },
  plugins: [
    new webpack.DefinePlugin({
     'process.env.NODE_ENV': JSON.stringify('production')
    }),
    new webpack.NoErrorsPlugin(),
    new webpack.optimize.DedupePlugin(),
    new webpack.optimize.UglifyJsPlugin({
      compress: { warnings: false }
    }),
    new webpack.optimize.AggressiveMergingPlugin(),
    new webpack.optimize.OccurenceOrderPlugin(true)
  ]
}

这是一个完整的错误堆栈：

    Error: secure random number generation not supported by this browser
use chrome, FireFox or Internet Explorer 11
    at module.exports (webpack:///./~/crypto-browserify/rng.js?:21:13)
    at exports.randomBytes (webpack:///./~/crypto-browserify/index.js?:22:23)
    at _rng (webpack:///./~/node-uuid/uuid.js?:60:53)
    at eval (webpack:///./~/node-uuid/uuid.js?:121:20)
    at Object.eval (webpack:///./~/node-uuid/uuid.js?:272:3)
    at eval (webpack:///./~/node-uuid/uuid.js?:274:30)
    at Object.<anonymous> (/Users/tomi/Github/apps/react-app-test/server/bundle.js:545:2)
    at __webpack_require__ (/Users/tomi/Github/apps/react-app-test/server/bundle.js:20:30)
    at eval (webpack:///./~/graphql-tools/dist/mock.js?:18:17)
    at Object.<anonymous> (/Users/tomi/Github/apps/react-app-test/server/bundle.js:341:2)

【问题讨论】：

我没有用 WebPack 做过这个，但是我用 Browserify 做过（很久以前）。该捆绑包似乎包含模仿内置 Node 模块的 Browserify 模块（如 crypto-browserify）。然而，你想要内置的。我不知道你如何在 WebPack 中管理它，但这就是问题所在。有一个与 WebPack/Node 相关的帖子 here 可能会有所帮助。
我也尝试了 browserify，但不幸的是结果是一样的；/我不知道如何强制这些模块从节点加载。
在我的脑海中，我不记得了。稍后，我将四处逛逛，看看我做了什么。不幸的是，那是不久前的事了——但我记得用 Browserify 做一些事情以避免捆绑内置和二进制模块。

标签： node.js express webpack

【解决方案1】：

我确信@tomitrescak 早在 4 年前就已经找到了这个问题的答案......但是，对于其他在这里磕磕绊绊的人来说 - webpack 配置中缺少一个选项：

  ...
  target: 'node',
  ...

希望，这将有助于某人...

【讨论】：

【解决方案2】：

在游戏后期，但 crypto 被浏览器替代品取代的事实是构建失败的原因。我通过简单地从构建中排除该模块来解决这个问题，因为目的是使用 NodeJS 运行它，因此将按预期需要加密模块：

browserify index.js --exclude crypto  -o build.js

对于 Webpack，排除加密也应该起作用。

【讨论】：