Critical dependency: require function is used in a way in which dependencies cannot be statically extracted

[rishu605]

I have been setting up swc with webpack. There is a package I use for linting -- eslint-config-react-app. This has a dependency on babel-plugin-macros. I get the following warning on starting the dev server.

Webpack version is 5.75
WARNING in ./node_modules/babel-plugin-macros/dist/index.js 75:22-29 Critical dependency: require function is used in a way in which dependencies cannot be statically extracted
Looks like it is caused due to the way require is being used in this plugin. Not sure how to get rid of this warning.

• babel-plugin-macros version: 3.1.0
• node version: 18.12.1
• npm version: 8.19.2

I removed all dependencies of babel and it's related packages to avoid any potential conflicts between swc and babel but the warning is still present.

[conartist6]

It's most likely the way babel-plugin-macros loads cosmiconfig...

[conartist6]

babel-plugin-macros/src/index.js

Lines 26 to 27 in 8fc6383

	// Lazy load cosmiconfig since it is a relatively large bundle
	require('cosmiconfig').cosmiconfigSync('babel-plugin-macros', {

[rishu605]

The error message leads to this line in the code:

[conartist6]

Ah ok. So the warning is probably safe to ignore then right? Nothing is actually being required by this code, and the places that do call into this code probably all look like perfectly normal global.require('module-name') calls.

[rishu605]

Looks like ignoring this warning won't cause any issues for now. Not sure though.

[conartist6]

I'm pretty sure that ignoring it won't cause issues. The warning clearly seems to be about the ability to extract the dependency graph, which is not affected.

It does seem suspicious to me though that webpack would be parsing eslint-config-react-app. Why is a linter in the bundle?

[rishu605]

Is there a way to prevent linting packages from being parsed while bundling through webpack!!

[conartist6]

I don't know, because I don't know why it is parsing them.

[GuYounes]

Any news ?

[conartist6]

No news, unless webpack offers some kind of special comment that silences that warning?