Questions tagged [webpack]
Webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it can also transform, bundle, or package just about any resource or asset. Webpack takes modules with dependencies and generates static assets representing those modules. Webpack enables extensibility and promotes best practices in web architecture and performance.
webpack
42,760
questions
0
votes
0
answers
13
views
Webpack React Router DOM build issue
I have a React+Typescript app with Webpack 5 configuration that was built from scratch. For routing I use React Router DOM 6.23.1. In development mode routing works as expected, but after I build the ...
0
votes
0
answers
18
views
JScript module export not recognized using Webpack & Typescript
Problem
I have a function named index declared with export in a Jscript file, when trying to use it I get an error message telling "does not provide an export named 'index'"
This is a long ...
-1
votes
0
answers
17
views
Next.js Build failed because of webpack errors: CssSyntaxError
I've been stuck and going all over internet trying to figure something that prevents my app to be build on Vercell (well locally as well).
npm run dev - works great, no issues
stylelint and eslint ...
0
votes
0
answers
22
views
Failed to decode downloaded font react project
I'm encountering an issue where I'm getting a "Failed to decode downloaded font" error when trying to load fonts in my project. Here's how I've set it up:
I have the following @font-face ...
-3
votes
0
answers
36
views
How to export an API from create-react-app and webpack [closed]
TAKE 2
Alright, trying to boil this down to what I really want to know. Suppose I have project A and project B, both javascript projects, both pure vanilla, no bundling/packaging going on at all. So ...
0
votes
0
answers
7
views
Webpack does not bundle a package imported by an imported package
I have a project that uses Webpack.
This project uses package A that exposes a single file index.js.
In that file there's an import from @mui/material/styles. @mui/material is listed as a peer ...
0
votes
0
answers
9
views
Angular 18 google-auth-library errors (Webpack)
I'm getting a series of errors when running no serve with my Angular app, which is currently the latest version after installing google-auth-library. The errors are -
BREAKING CHANGE: webpack < 5 ...
-1
votes
0
answers
45
views
How can I solve a webpack issue migrating from v4 to v5?
I'm working with a project created a few time ago, it's an old version and at the moment is not possible to update it to the latest version, so, I'm updating the main libraries to try to make it ...
-1
votes
0
answers
23
views
Can't find MUI image, returns "431 (Request Header Fields Too Large)"
I'm quite sure that this is related to how webpack works with MUI.
We used to have a div with a class that had a background-image:
.hero-image {
// .. stuff
background-image: url("../../...
1
vote
0
answers
18
views
Dynamic import of package in my NPM library
Hej. I have dynamic import of animation library lottie in my component like:
const { default: lottie } = await import(
/* webpackChunkName: "lottie-web" */ "...
0
votes
1
answer
24
views
Webpack raw-loader/style-loader importing CSS file as JavaScript string instead of CSS content
I am using Webpack to build my chrome extension and I am trying to import a CSS file as a string so that I can inject it into a shadow DOM. However, when I import the CSS file, it is imported as ...
0
votes
0
answers
16
views
How to attach url params to webpack dev server host?
I use webpack dev-server with npm and having simple config file all works perfectly except that I would like to have dev-server runnning the browser with additional url params attached to 'host' url.
...
1
vote
0
answers
31
views
Is it possible to remove (0,...) expression from Webpack generated code?
Webpack will generate this code
import { useState } from 'react';
useState(0);
into this code
(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(0);
// which can be later minified into this code
// (0,...
1
vote
0
answers
20
views
Run JS messaging from bubble [duplicate]
I've got a simple HTML element in Bubble.io that I'm trying to run javascript from.
Here's the error:
Uncaught Error: Service messaging is not available
at Provider.getImmediate (provider.ts:130:...
0
votes
0
answers
40
views
How to avoid imports that are not used?
I have class A which imports class B just to have an enum defined in class B.
However, class B has heaps of imports that are useless to class A, and that increases the JavaScript size when the user is ...