42,364 questions
Best practices
2
votes
0
replies
70
views
How can I measure whether React dynamic imports are actually improving application performance?
I am working on a large React application and have started using dynamic imports with React.lazy() to reduce the initial bundle size.
Example:
const Dashboard = React.lazy(() => import('./Dashboard'...
- reputation score 1
0
votes
1
answer
93
views
incorrect resource path when importing image url when using asset/resource
The image is being produced in ~/Documents/restaurant-page/dist/images/52e944639d832ccc4639.png but the URL imported in javascript is /home/amanr/Documents/restaurant-page/distimages/...
- reputation score 75
1
vote
0
answers
72
views
Angular Web Worker error after using Module Federation: importScripts not supported
I’m using Angular with ngx-build-plus and Webpack Module Federation.
I have a Web Worker like this:
const worker = new Worker(new URL('./model.worker.ts', import.meta.url));
Inside the worker, I ...
- reputation score 11
2
votes
1
answer
101
views
Chrome DevTools source file not focusing when breakpoint hits in Angular 19 with Webpack 4.47.0
Environment:
- Angular Version: 19.2.6
- Angular CLI: 19.2.7
- Chrome Version: 146.0.7680.165
- Node: 20.17.0
- OS: Windows 10 x64
- Webpack: 4.47.0
Problem:
When debugging Angular 19 project in ...
- reputation score 21
0
votes
0
answers
68
views
How to create SharedWorker with crossOriginIsolated = true in next.js
If I am trying new SharedWorker("./worker.ts", {...}) I have "failed to fetch worker scipt", if I build it with tsup to .js first I have crossOriginIsolated = false (I have all
...
- reputation score 1
Tooling
0
votes
1
replies
107
views
How to use SVG sprites in Rspack?
I'm migrating from Webpack to Rspack and previously used svg-sprite-loader to generate SVG sprites.
It doesn't work with Rspack because it relies on internal Webpack APIs (NormalModule....
- reputation score 1
0
votes
0
answers
76
views
Using Dotenvx with Electron, Electron Forge, & Webpack
I am trying to decrypt and import my env variables with Dotenvx. Previously we were using the traditional dotenv package which all worked. We want to switch to dotenvx for the encryption capabilities ...
- reputation score 23
0
votes
1
answer
71
views
How can TailwindCSS be installed and used in Webpack without PostCSS?
I noticed that in TailwindCSS v4, PostCSS was removed, and under the hood everything is handled entirely by LightningCSS, so no extra PostCSS plugins are needed. Because of this, they were able to ...
- reputation score 20326
0
votes
1
answer
141
views
Next.js webpack error on first run (port 3000) but works on second run (port 3001)
Problem
I'm experiencing a strange behavior with my Next.js 14 project. When I first run npm run dev, the app starts on localhost:3000 but shows a webpack error. However, if I run npm run dev again (...
- reputation score 13
Tooling
1
vote
5
replies
215
views
Large build size for Electron app using vite and electron-builder due to node_modules
I have an Electron app that I build using webpack + electron-forge. I consider to migrate to vite + electron-builder. The migration succeeded quite smoothly, and dev experience with vite is way better ...
- reputation score 115
2
votes
3
answers
117
views
Content not displaying in div using webpack
I am trying to print text and an image to a div using webpack but it does not seem to be working. Only the buttons display but the text and the image does not. Please can you take a look at my code ...
- reputation score 21
Tooling
1
vote
1
replies
336
views
Workbox service-worker with turbopack in production (next 16)
I want to create PWA that works offline (cache static assets, API requests, images, etc) and using PWABuilder make a native mobile app for android and IOS at once.
My tech stack:
- [email protected]....
- reputation score 439
1
vote
0
answers
89
views
Implementing a Chrome extension using Angular 21 and TypeScript [duplicate]
I’m trying to implement a chrome extension using Angular21. I need to compile background script, that is written using TypeScript. For this I need to compile background script inside Angular build. I ...
- reputation score 207
-1
votes
1
answer
136
views
Webpack and Ts-loader cannot generate a proper ESM JavaScript code to import a module and run it in Node
I am trying to convert a TypeScript file (test.ts) into an ESM JavaScript file (bundle.js) via webpack, ts-loader, and node (from NodeJS). For this purpose, I created a webpack.config.js and tsconfig....
- reputation score 75
1
vote
0
answers
135
views
webpack's bundle is pointing to typescript module.ts, instead of transpiling first to module.js and referencing to module.js
I have a main src/app.ts file in which i import a ./src/my-module.ts file.
The bunlde file ./dist/app.bundle.js (that i get after executing webpack command) still references to ./src/my-module.ts.
...
- reputation score 43
