如何防止webpack打包Node.js API时移除内置crypto模块

这个报错确实是webpack的打包静态分析逻辑导致的，和Node.js本身的crypto模块可用性无关：

• Node.js 19+ 版本虽然在全局作用域暴露了crypto对象，但webpack对Node目标做打包时，只会识别显式导入的模块依赖，不会主动关联运行时Node环境注入的全局变量，未导入直接写crypto会被当成未声明的普通变量，最终抛出ReferenceError: crypto is not defined。
• 你之前配置的resolve.fallback.crypto = false是无效配置：这个配置项是专门给浏览器端打包设计的polyfill规则，作用是告知webpack遇到crypto模块引用时直接忽略，不仅解决不了全局变量问题，还可能干扰Node环境下内置模块的正常解析。
• 你测试的显式导入randomUUID后能正常运行的现象，刚好验证了webpack本身可以正常识别Node内置的crypto模块，问题仅出在全局隐式调用的场景。

你可以根据自己的编码习惯二选一：

方案1：规范模块导入（无需修改webpack配置，推荐） #

所有用到Node.js内置模块的位置，都显式导入对应模块后再调用，完全遵循ESM/CommonJS模块规范，不需要额外调整打包配置。
如果要使用getRandomValues方法，代码写法如下：

// ESM写法
import crypto from 'crypto';
// CommonJS写法替换为 const crypto = require('crypto');

crypto.getRandomValues(new Uint32Array(1))[0].toString(16)

这种写法下webpack会自动保留对Node原生crypto模块的引用，不会把模块代码打包进产物，运行时直接调用Node环境自带的核心模块，稳定性和执行性能最优。

方案2：支持全局crypto调用（需调整webpack配置） #

如果不想在每个用到crypto的文件里重复写导入逻辑，想直接使用全局crypto变量，删掉之前错误的fallback配置，改用webpack内置的ProvidePlugin实现自动注入即可：

const { merge } = require('webpack-merge');
const webpack = require('webpack');

/** @type { import('webpack').Configuration } */
const webpackConfig = {
  target: 'node',
  plugins: [
    new webpack.ProvidePlugin({
      crypto: 'crypto'
    })
  ]
};

module.exports = (config, context) => merge(config, webpackConfig);

配置生效后，webpack打包时会自动给所有用到未声明crypto变量的文件，加上crypto模块的导入逻辑，无需手动写import就能正常调用。

内容的提问来源于stack exchange，提问作者devklick