imagemin-webp | WebP plugin for imagein | Plugin library

I have a Django project I am attempting to get nightwatch JS setup on, but I can't seem to get around issues with selinum drivers.

I have a node_modules directory like this (showing important areas)

I'm trying to create a separate vendor chunk (vendor.js) for my project. Right now when I run build everything bundles into my app.js file and the file size is large. My project is a html website with a folder structure in webpack like so:

I have migrated Webpack v4 to v5, made changes relative to documentation and deprecation messages from CLI, and got successful build, though during the application testing I noticed that JavaScript doesn't run and there are no errors. I am getting plain html rendered by SSR.

Have no clue why it doesn't work, because it's silent, maybe misconfiguration issue.

Here is my webpack configuration:

I'm working with webpack for the first time, so sorry if this is a silly question. I want to use imagemin-webpack-plugin but I have images in two folders. The first is img and the second is pages, however problem is that all images in these folders must be outputted in the same folder structure. Have a look below my portion of the code. How can I define imagemin-webpack-plugin to read from two folders and save to these folders?

Problem: Running the command npm run watch throws and error

I am seeing this issue 100% of the attempts at building webpack for production. I've tried the approach mentioned on the other similar StackOverflow issues which is NODE_OPTIONS=--max_old_space_size=8192

my build command is:

I need to use addPrefetchExcludes to register a dynamic route at runtime.

It needs to be placed before the the app code addPrefetchExcludes Docs

But i'm getting this error:

I'm have that line before the declaration of the App function

I'm trying to convert more than one PNG and JPG file to WebP using imagemin-webp instead of using cwebp to convert one at a time, but it is not working for some reason.

Everything I've done so far:

1- I installed Node JS v10.16.0;

2- From inside my project i created the package.json file using the command: npm init -y;

3- Still within the directory of my project i ran the command npm install imagemin imagemin-webp;

4- Then i created a webp.js to hold the code that should convert the images and then i executed it with the node webp.js command.

Following is the code inside webp.js:

Every time I change a line in my code, the line css/app.css in mix-manifest.json is deleted.

The only way to restore the line is to run npm run watch or npm run dev, but when I do a new modification in the code I got the same problem.

Here my mix-manifest.json when it's okay :