I am always using mini-css-extract-plugin to optimize CSS. Today I found a new project, css-minimizer-webpack-plugin from here, seems like this project do the same thing as mini-css-extract-plugin. What is the advantage of css-minimizer-webpack-plugin? I read the docs and article from google, seems no one is talking about it? Should I use css-minimizer-webpack-plugin to replace the… Read More Webpack, css-minimizer-webpack-plugin vs mini-css-extract-plugin

I am serving my static files from express and i can see that it loads index.html But the problem is when on a rout for example localhost:8080/users and i refresh the page, the .css and main.js does not seam to be loaded so it returns blank page.. Any idea on what night be the problem?… Read More React webpack showing blank page on refresh

How can I stop this output from terminal? One week ago I created a ReactJS project with npx create-react-app and it works with no problem. This is in the terminal of the first project: 1st terminal (ignore the errors) And this is in the terminal of my second project that I started today: 2nd terminal… Read More Stop React Webpack from writing in terminal

I want to have the current commit hash on both my dev and prod env which can getable with /version path. My webpack config: //webpack.config.js … const commitHash = require(‘child_process’).execSync(‘cd .. && git rev-parse –short HEAD’, {encoding: ‘utf8’}).trim(); module.exports = { mode: ‘production’, target: ‘node’, … plugins: [ new webpack.DefinePlugin({ ‘COMMIT_HASH’: commitHash, }) ] };… Read More 'SyntaxError: Identifier directly after number' when string starts with number

im having a problem while working with webpack. I’m using a JS file to call an API, but this API should be called only in escudos.html, but when I do the webpack build, the JS file calls the API int both (index.html, escudos.html). I only want that the ./src/js/teams.js call API when im in the… Read More WebPack: problem when compiling JS files in html