prefixer | Prefix function with their namespace

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:

I have upgaded m project Node version with all dependancies now I am attempting upgrade to Webpack 4 to Webpack 5. However when I run npm start I get this error. Strange thing is I don't use applyWebpackOptionsDefaults anywhere and after scouring the node_modules I see that it is used in the webpack lib quite a few times. Can anyone tell me what I am doing wrong? Is there a package I haven't updated? What am I missing?

Invalid options object. Dev Server has been initialized using an options object that does not match the API schema.

• options has an unknown property 'before'. These properties are valid: object { allowedHosts?, bonjour?, client?, compress?, devMiddleware?, headers?, historyApiFallback?, host?, hot?, http2?, https?, ipc?, liveReload?, magicHtml?, onAfterSetupMiddleware?, onBeforeSetupMiddleware?, onListening?, open?, port?, proxy?, server?, setupExitSignals?, static?, watchFiles?, webSocketServer? }

Here is the package.json:

I'm trying to get a slider to work with bootstrap 3 carousel, based on some answers found here. I have a problem with the text, because all the examples I found are only with images while I would need a div with image and text.

The problem is that when the text flows it results in a very grainy blurry effect. Here is an example in order to understand the code used and the effect on the text.

Codepen example

JS:

I am using file loader 6.2 to copy static image files into an images folder in my dist destination and it all works fine using the following config (ie the svg is copied from my src folder to the dist/images):

I'm trying to:

1. Add vendor prefixes to SCSS
2. Compile to CSS
3. Minify it

With this gulp code:

i have a huge problem with my project in react. I'm trying to update the libraries on my project but seems something wrong happens.

This is the package.json

I am trying to use PostCSS nesting with CSS variables but it doesn't convert CSS variables at all.

Instead it shows Invalid property value in the DOM for CSS Variables.

My tailwind.css file contains a bunch of CSS variables:

I try to link methods together through methodhandles, some of them are from generic types. If a function returns a generic type I have to specify Object.class for the MethodType but I see no easy way to convert it back into the generic type parameter type. In most cases it's no problem because invoke seem to convert them automatically but I must create mhs which could be run with invokeExact. Is there no easy way to cast with methodhandles?

My testcode:

I'm trying to build a webpack config that transpiles my sass and utilizes the postcss autoprefixer plugin.

Having researched and tried out various solutions to this, I have come up with the following setup:

webpack.config.js: