Webpack ignore import

Question

I am importing a third-party module which imports another module:

import fetch from "cross-fetch";

I would like to tell Webpack to ignore/remove this import because the variable fetch already exists in global namespace. Is that possible?

I just want to skip this import. fetch already exists in global namespace provided by the serverless enviroment I use. I want the third-party module NOT to import cross-fetch and instead use the already existent global variable. — Mick
– Mick, Commented Jan 1, 2020 at 16:07
Does this answer your question? How can I make webpack skip a require — user9572013
– user9572013, Commented Jan 1, 2020 at 16:10
I tried to use IgnorePlugin but then the import statement is bundled and throws an exception. The import statement should be removed instead. — Mick
– Mick, Commented Jan 1, 2020 at 16:12
Did you try the highest voted answer's solution?: const myCustomModule = eval('require')(myCustomPath) — user9572013
– user9572013, Commented Jan 1, 2020 at 16:13

felixmosh · Accepted Answer · 2022-08-30 11:42:29Z

5

You can specify that some module is in the global env with externals.

// webpack.config.js module.exports = { //... externals: { 'cross-fetch': 'fetch' } };

edited Aug 30, 2022 at 11:42

answered Jan 1, 2020 at 17:59

felixmosh

35.8k10 gold badges81 silver badges99 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Mohamed Allal Over a year ago

wouldn't that should be 'cross-fetch': 'fetch' instead. The left part match the import and the right part how to handle it and replace the import ???

Collectives™ on Stack Overflow

Webpack ignore import

1 Answer 1

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Linked

Related