尝试要求未安装但不必要的模块时发出警告

Question

我试图在一个文件中要求一个模块，该模块仅在该模块实际可用时才使用。所以该模块是完全可选的。此代码将作为第 3 方库的一部分分发。问题是，如果我使用import，任何使用 webpack 的用户都会看到他们的构建失败，所以我最终使用了：

let webrtc = {};
try {
  webrtc = require('my-optional-module');
} catch (err) {}

但即使使用此代码，他们也会在不需要此可选模块的项目上收到警告：

[WEB] WARNING in ./node_modules/xxx
[WEB] Module not found: Error: Can't resolve 'my-optional-module' in '/Users/xxx/node_modules/xxx'

编辑：使用下面的答案

let webrtc = {};
if(require.resolve('my-optional-module')) {
  webrtc = require('my-optional-module');
}

但我收到此警告：

Critical dependency: the request of a dependency is an expression

还有这个错误：

Module not found: Error: Can't resolve 'my-optional-module' in xxx

编辑2：

基于webpack instruction做动态导入，我也试过：

var webrtc = {};
require.ensure(['my-optional-module'], function (require) {
  return webrtc = require('my-optional-module');
});

但我仍然得到：

Module not found: Error: Can't resolve 'my-optional-module' in xxx

Answer 1

在 webpack 中看起来像 this is a common issue。根据configuration docs，您可以在webpack.config.js 中使用标志module: { exprContextCritical: false } 在您的项目中全局禁止此警告，尽管该标志被认为已弃用，您可能会在issue I linked 中找到更多强烈推荐的解决方案。