terser | 🗜 JavaScript parser, mangler and compressor toolkit for ES6+ | Script Programming library

I'm new to Gulp and trying to automate some tasks. Here's my environment setup: npm version: 8.1.0, node version 17.0.1, gulp CLI version 2.3.0 and gulp version 4.0.2

And here's my gulpfile.js:

After upgrading my webpack from v4 to v5, I got this error that is getting me a hard time debugging.

I'm running into an error on Windows 10 whenever I try to run webpack, it works fine on macOS. This is the error

[webpack-cli] HookWebpackError: Not supported

It runs fine without "CopyPlugin", but I would like to copy img folder into dist folder. Have you experienced similar issues and how did you fix them?

After upgrading react-scripts to v5, craco start does not work properly. App starts with no error but in browser, there is a blank page and if i open inspector, i only see index.html codes not react codes. It was working well with react-scripts@4.0.3. Here is my local files;

package.json

I would like to create a graph of the proportion of total memory consumed by each of the following for a given instance:

• node_memory_MemFree_bytes{instance="$instance"}
• node_memory_MemAvailable_bytes{instance="$instance"}
• node_memory_Buffers_bytes{instance="$instance"}
• node_memory_Cached_bytes{instance="$instance"}

I know I can create a single graph from 4 separate queries where each metric is divided by node_memory_MemTotal_bytes{instance="$instance"}:

• Query A: node_memory_MemFree_bytes{instance="$instance"} / node_memory_MemTotal_bytes{instance="$instance"}
• Query B: node_memory_MemAvailable_bytes{instance="$instance"} / node_memory_MemTotal_bytes{instance="$instance"}
• Query C: node_memory_Buffers_bytes{instance="$instance"} / node_memory_MemTotal_bytes{instance="$instance"}
• Query D: node_memory_Cached_bytes{instance="$instance"} / node_memory_MemTotal_bytes{instance="$instance"}

I feel like there should be a terser way of doing this with group_left since the right hand side is the same for each query and the left hand side can be reduced to a single query:

• Left: {__name__=~"node_memory_(MemFree|MemAvailable|Buffers|Cached)_bytes",instance="$instance"}
• Right: node_memory_MemTotal_bytes{instance="$instance"}

If I understand the "Operators" docs and this blog post correctly, I should be able to use group_left to do this in a single query. However, I've been unable to do so.

I reason that since the left and right side of the equation have exactly the same labels excluding __name__, I shouldn't need to use ignoring or on for the group_left operator:

I'm working in a reacjs based app and i wanted to add firebase to store simple data, so i followed some firebase tutorials because i wasn't familiar with it. However, when i tried my code after setting up firebase i got like 43 different errors in my console. Now i managed to get rid of most of them (problems with polyfill) but i can't get around the last of them.

I get this errors, it seems that the problem has to do with worker_threads but i don't know where they came from and how to solve it, i saw some tutorials on node workers but i still don't understand what kind of data i have to pass or how to set it up.

My React app is using Webpack + Babel. When I compile in development everything works perfectly well.

When I bundle for production ("npm run build") and upload the bundle in prod, an error appear in the console:

Why? I found a similar question but didn't find an answer : related stackoverflow question

Here's my webpack.prod.js config:

So i'm new in JS and i have a task for mastering Ajax Requests.I should send an email input from form to the server and a lot more,but i can not figure out how to send this data to a server that is in another folder.I lost all my nerves with this task and i dont know what to do. So,i have a folder personal-website-server and another folder src where is my project,both folders are in another folder,the parent. It looks like this :
./
dist < webpack bundle folder
node_modules
personal-website-server
/ package.json in personal-website-server
src
and package.json in the parent folder Image for more understanding:

So,i should do this:
Upon clicking on the "Subscribe" button, implement the functionality for sending a user email to the server. For that, make POST Ajax request using http://localhost:3000/subscribe endpoint. The call to the server should only be made when the form is valid (the validate function )
The connection is made through a proxy to the server,idk how this thing works and i get it hard to do this task because its not so described.
Codes:
I created fetch.js in src that checks if email is valid and sends it to the server,like i understood:

Consider code like the following: