将 webpack 与 NodeJs 原生模块一起使用

Question

我有一个 Node.js 应用程序，它几乎没有通过 node-gyp 创建的本机模块。 这些模块不会出现在“node_modules”中，而是通过 Node 的标准“require”...

我的 webpack 配置基于这篇文章如果我运行“未打包”的应用程序 - 一切正常......但是在我运行“webpack -p --progress”并尝试运行它之后，我得到以下信息：

X:\myapp>node main-backend.bundle.js env=production port=80 ssl_port=443
[Error: Cannot open X:\myapp\lib\modules\my-module\build\Release\mymodule.node: Error: The specified module could not be found.

我确保所有加载器都安装了 npm。 从错误中，我可以看出路径是正确的（相对于 server.native.js）但显然不是 app.js ......但是，这在使用常规 node.js 时“正常工作”，我不确定是否这甚至是问题的症结所在……

我将不胜感激任何帮助！

这是我的应用程序的精简布局

myapp/
    app.js
    node_modules/
    lib/
      modules/
        my-module/
           src/
             one.cc
             one.h
           lib/
             server.native.js
           bindings.gyp
           build/
             Release/
               mymodule.node

server.native.js 很简单，调用原生模块

try {
    module.exports = require('../build/Release/mymodule.node');
    console.log('native module loaded...');
} catch (err) {
    console.log(err);
}

这是我的 webpack.config.js

var webpack = require("webpack");
var path = require("path");
var fs = require("fs");

var nodeModules = {};
fs.readdirSync("node_modules")
  .filter(function(x) {
    return [".bin"].indexOf(x) === -1;
  })
  .forEach(function(mod) {
    nodeModules[mod] = "commonjs " + mod;
  });


module.exports = [
  {
    name: "server-side",
    context: __dirname,
    entry: {
      "main-backend": "./app.js"
    },
    target: "node",
    output: {
      path: __dirname,
      filename: "[name].bundle.js",
      chunkFilename: "[id].bundle.js"
    },
    module: {
      loaders: [
        { test: /\.json$/,   loader: "json-loader" },
        { test: /\.jade$/,   loader: "jade-loader" },
        { test: /\.node$/,   loader: "node-loader" }
      ]
    },
    externals: [nodeModules],
    resolve: {
      extensions: [ "", ".js", ".node"]
    },
    plugins: [
      new webpack.IgnorePlugin(/\.(css|less)$/)
      new webpack.BannerPlugin("require(\"source-map-support\").install();", { raw: true, entryOnly: false })
    ],
    node: {
      __dirname: true,
      __filename: true
    },
    devtool: "sourcemap",
    profile: true
  }
];

Answer 1

在过去的两年里，我一直在想如何在webpack@4和webpack@5使用原生模块。 说起来很可悲，但是在花费数百小时将本机模块集成到一个包中的想法之后，我得出了一个结论，即这是多么不可能。

我的建议是将使用.node或其他类型的本地模块的nodeExternals模块放入nodeExternals - webpack会跳过它们，如果你想运行你的包，你需要安装模块。 将webpack用于本机项目并不是一个好的解决方案，我会简化建议在没有它的情况下进行。