css-extract | Extract CSS from a browserify bundle | Plugin library

I have a class View that I am importing and then extending it with galleryView .. Then I import the final galleryView into controller.js.. Somewhere along this path I am doing something wrong as I get this error..

Uncaught TypeError: Super expression must either be null or a function

But I can't figure out what I am doing wrong.. is it babel or webpack or my code?

Here's my webpack config file for development..

I know this sounds ridiculous, but yes, I don't know how to import an img using webpack 5. What I want to do is just import an img which is located in the project folder and I want to import it into one of my react functional component and then to draw it on the component.

My current webpack.config.js is as follow:

I am trying to add Tailwind CSS to my freshly created Laravel project, I went to Tailwind CSS documentation

What I have added in my webapack.mix.js is the line .sass("resources/sass/app.scss", "public/css") and require("tailwind").

I have also added:

I am working on a SPA application built using vue.js 2.6, bootstrap-vue 2.8, sass 1.34 (dart-sass) as preprocessor and sass-loader 10.2.

With the time the project is getting quite big and we've switched from Node-Sass to Dart-Sass (as node-sass is deprecated).

Unfortunately, we're now getting performance issues when building or developping on the project, as it now takes approximately 15 minutes to create a new built, and we're often encountering high memory usage in development.

After reading this article, I figure out using the speed-measure-webpack-plugin that 95% of the compilation time is due to css compilation purposes as most of the SMP stacktrace contains such several entries:

Trying to set Svelte up in a new (Phoenix) project. After following this blog post I get the infamous "import and export" error. Could anyone of the Webpack/Svelte experts community have a look at the config files and suggest what might be the cause?

Webback config:

I'm trying to compile my React project, but these errors are popping up:

Terminal output:

ERROR in ./src/Components/Info.scss 2:0 Module parse failed: Unexpected token (2:0) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders

I want to add font-awesome in laravel 8 /tailwindcss 2.0.1 app and after searching in net I do by running

Please find my webpack config below:

Console is flooded with warnings like: warn chunk commons [mini-css-extract-plugin] Conflicting order. I did some research and found that these warnings can be ignored because I am using css-modules and the order of my imports does not matter. Following steps I found to silence the warnings does not work.

Set ignoreOrder = true option in the plugin config.

I followed a similar question here and added the code to my gatsby-node.js: