Questions tagged [webpack-5]
Use this tag for questions specific to features in Webpack 5. When using this tag, also include the more generic [webpack] tag where possible.
webpack-5
886
questions
0
votes
0
answers
33
views
issue with bootstrap conflict used with WebpackJS and shadow Dom
I have widget app using boostrap and bootstrap icons
all this is bundled via Webpack js 5
I had huge difficulties to make bootstrap icons to be loaded correctly but now it's working.
the only problem ...
- 11
-3
votes
1
answer
31
views
How to load host component from remote app using module federation?
I'm new to the module federation and having some issue while loading host app, when using Host(React+vite) and Remote(angular18+custom-webpack).
Remote : custome-webpack.config.js
const ...
- 573
0
votes
0
answers
15
views
Swipper Css loading issue in React Application
I am facing an issue after integrating into React Application latest swiper and CSS are not loading and getting the below error. We have update in webpacker.config.js with CSS loader
yarn build
...
- 11
1
vote
0
answers
31
views
Webpack 5: Module not found: Error: Can't resolve 'stream' in 'probe-image-size' module
Here is the image of error
I am encountering an error while using Webpack 5 with the probe-image-size library in my project. The error message I get is:
ERROR in ./node_modules/probe-image-size/lib/...
1
vote
0
answers
36
views
How to get url path for CSS at runtime?
I use CSS Modules.
I don't need resolving of url, but I need replace url paths with my custom function call so that I could get the full url at runtime by myself with my custom logic.
For example,
&...
0
votes
0
answers
35
views
Use web component in react-native-expo using module federation
I want to use microfrontend of web-component in react-native-expo using module federation. There are 4 different microfrontends 2 of them required some request parameters. I tried to Re.Pack package ...
0
votes
0
answers
12
views
In terser-webpack-plugin, how to keep the string specified in the function？
terser-webpack-plugin version: 5.3.3
webpack version: 5.89.0
enter image description here
function shouldResponse() {
"worklet";
return this.responseResult;
}
When I build above code, ...
0
votes
0
answers
22
views
Error when switching between Angular micro frontends in a project using Module Federation
I am facing an issue with my microfrontend architecture project where I use Module Federation. My project structure is:
Shell (React)
Microfrontend 1 (Next.js)
Microfrontend 2 (Angular)
Microfrontend ...
- 1
1
vote
1
answer
20
views
Can HtmlWebpackPlugin use only the bundles in the [name] folder?
I have a webpack.config.js that scans a config folder to build different bundles in different output folders so that each of those output folders can be a standalone website. For each of those output ...
- 71
0
votes
1
answer
24
views
Module federation in angular webpack and nx build different files with exact same project settings
We have implemented module federation with nx. In a poc project we created a shell and a remote project with all default settings with angular 18.0.3 ( in the poc 18.0.2) and ng/angular 19.1.2
In the ...
- 861
1
vote
0
answers
6
views
taro packaging error failed to recognize the protocol starting with ext
ModuleBuildError: Module build failed: UnhandledSchemeError: Reading from "ext://industry/index" is not handled by plugins (Unhandled scheme).
Webpack supports "data:" and "...
- 11
0
votes
0
answers
9
views
webpack: suppress second "webpack compile successfully" line with constant timestamp
I am able to suppress webpack logs to below.
Logs for 3 compilations below:
Webpack bundle stats plugin took 10174 ms
2024-06-14 13:42:29: webpack compiled successfully
2024-06-14 13:40:31: webpack ...
- 440
0
votes
1
answer
52
views
Why My Scss Files Generated Also .js extension? ( scss > css and js)
i have a webpack case. everything is good except just one thing.
for example
/styles/rapid.scss
exports like:
/styles/rapid.css
/styles/rapid.js
i dont wanna js file for scss. there is any solution?
...
- 311
0
votes
0
answers
32
views
RangeError: Maximum call stack size exceeded - Vue 2 app, Vite, Webpack, embedded within Shopify
TL;DR - how to narrow place with error when there is infinite recursion during creation of new Vue element / component, but it happens only when certain condition is satisfied - when built JS file is ...
0
votes
0
answers
20
views
how to load gltf files in a Webpack 5 app?
I am starting a project with babylon js and webpack 5 and I have to load some gltf files in my project but I am always getting the following error Failed to load resource: the server responded with a ...
- 11