How to export bundle.js from a projectA [webpack5] to a projectB [webpack4]

[necik11]

How to export bundle.js from a projectA [webpack5] to a projectB [webpack4]

Configuration:

• Web browser and its version: Chrome
• Operating system and its version: Windows 11
• PDF.js version: 4.0.379 {latest)
• Is a browser extension: No

I created a code in which I tried this functionality:
https://github.com/necik11/pdfJsPlayGround

Steps to reproduce the problem:

1. Create projectA-simple JS project(sample-pdf-js)

• download pdf.mjs
• create silly main.js which render page
• install latest webpack (5.91.0)
• npm run build and make bundle.js in my case prod.js and dev.js

2. Create projectB - older JS/Vue/React project which using webpack v4.x.x(simple_webpack_boilerplate-master)

• create index.js and import bundle here
• when using development mode bundle everything works up to the size of the bundle...
• when using prod.js i got this error: # You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file #13200 or Module parse failed: Unexpected character '#' when using Create-React-App #[v6] Module parse failed: Unexpected character '#' when using Create-React-App wojtekmaj/react-pdf#1043

3. Create project C - project which using webpack 5

• import bundle and everything is working

What is the expected behavior?

I want this bundle work even in older projects.
I tried unsuccessfully even legacy mode and downgrade somehow my version...

For sample i want use in SPFX and vue projects which using webpack4.
what help me when i directly import pdf.js into those projects was:
#13200 (comment)

but when i use webpack for bundle and then load production mode i have this pdf:
https://pdftron.s3.amazonaws.com/downloads/pl/Chart_.Vector.pdf
without colors:

vs
dev mode:

I will be glad for all the advice and tips, thank you