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,782
questions
0
votes
0
answers
13
views
SVG Icons don't show after compiling / bundling with Webpack
This is my first time building a web-application, and I'm in my final steps. I'm trying to bundle the whole project with webpack, and everything seems to work, except for my SVG-Icons.
I think the ...
0
votes
0
answers
8
views
React project from Webpack to Vite
I'm moving my React project from Webpack to Vite, but I have some problems:
File Extensions: My files end with .js, but Vite wants them to be .jsx.
Node Version: My project uses Node 16.14.0, but Vite ...
0
votes
0
answers
7
views
Webpack-dev-server serves a directory list instead of the app page on webpack 5
I have looked at various solutions to this but none of them works for me, feel free to ask for more details
const webpack = require("webpack");
const webpackDevServer = require("webpack-...
0
votes
0
answers
6
views
Use hash in remote module URL for webpack module federated components
I have a app that loads some module federated components. For example:
module.exports = {
plugins: [
new ModuleFederationPlugin({
name: 'app',
remotes: {
remoteComponent1:'...
0
votes
0
answers
15
views
`tsc` to produce CommonJS and ESM versions of my typescript library
I am quite new to JavaScript/Typescript in general and to JavaScript modules in particular.
I know there is tons of materials about my question in the web, but after reading for two days I feel I find ...
0
votes
0
answers
7
views
Rendering webpack bundled is code on html
I have compiled react component into a js bundle using webpack. Importing this into other react projects works just fine.
Is there any way to render this js file on a normal html file, without using ...
0
votes
0
answers
15
views
Webpack complied with 1 error when i try to npm run dev [closed]
I am doing a course on javaScript in udemy. It is first time i am using things like webpack and babel , in my final step of project setting when i try to do npm run dev . I get this error
C:\Users\...
1
vote
0
answers
24
views
Error with nativescript compilation due to gradle version change?
I have a nativescript project that is built through jenkins.
Up until July 9th, the project built without any issues. On that same day, and after a commit, the build stopped working.
To make sure that ...
0
votes
1
answer
24
views
Audio key "stretchAudio" missing from cache in phaser 3
I tried adding audio in my game but when I call that audio using this.sound.add('') it encountered an error 'missing from cache'
//preload scene
preload () {
this.load.audio('stretchAudio', './...
0
votes
0
answers
18
views
How to build from webpack 4 to without breaking Content-Security-Policy of not using 'unsafe-eval'?
I'm trying to build through webpack 4 & npm . i facing issue of "EvalError: Refused to evaluate a string as JavaScript because 'unsafe-eval' is not an allowed source of script in the ...
0
votes
0
answers
9
views
Trying to use dotenv or config in react app and getting: webpack < 5 used to include polyfills error, tried creating webpack config, doesn't work
i'm getting this error below trying to use both dotenv and config. I've got a Typescript React App, just installed and need to use environment variables.
I don't have webpack installed as a dependency ...
2
votes
0
answers
38
views
lodash-es vs lodash bundle size comparison
There's a project I'm currently working on which uses regular lodash library. For now we use 3 util functions cloneDeep, isEmpty, and get.
Currently import statements are like so import util from '...
0
votes
0
answers
18
views
How Can I Fix Missing WebP Images in Production Build with CRACO Configuration?
I'm working on a React project using Craco to manage Webpack configurations. My goal is to use WebP images for better performance, falling back to PNGs if WebP is not supported. I've already converted ...
0
votes
0
answers
38
views
Webpack 5 and SVG parameters
I updated to Webpack 5 and found out that url-loader is deprecated in favor of asset modules. I can load SVG's like so:
{
test: /\.svg(\?.*)?$/,
exclude: [path.resolve(...
0
votes
0
answers
11
views
How to use relative paths in SCSS URLs which work for Angular application and karma builds
I've migrated a project to Angular 18 using @angular-devkit/build-angular:application as builder. During the migration process all relative paths in SCSS image URLs have been changed from "~/src/...