precss | Use Sass-like markup in your CSS | Theme library

I was in webpack Version 5.40.0

In one of my script, i use computed variable name to make promise with async/await /import.. in a stimulus controller

It was working fine. Today when i update my dependency and add webpack to last version : 5.52.1, the build fail with an error on the first [ in this line : this.['module' + datagridshortName[i]]

'Syntax Error: Unexpected token' on the bracket.

So how to use computed name variable in webpack encore now ??

I just got back to webpack 5.40 and the code work.

Thanks for your explanations / help :)

My code :

This is the ERROR. I use visual studio code with gitBash.

I am trying to build a next.js project with-mongodb on it but its not working and im not sure why. The log doesn't appear to be very helpful with that the issue is (as far as i can tell) and so im not sure how to fix it. here is a copy of the log;

In my project I want to generate 2 tailwind files.

1. Frontend file, no prefixes
2. Admin file, all classes prefixed

I have added 2 config files:

• tailwind.config.js
• tailwind.admin.config.js

Inside tailwind.admin.config.js I have added the property:

prefix: 'tw-',

The problem is in webpack I am unable to specify the alternative config inside my rule. No matter what I do it always uses the tailwind.config.js file.

Here is my webpack rule for the amdin file:

I have been racking my brains trying to figure out why Webpack is saying for the entry module "app", the path is not a string. It's not exactly the same as the other error's I've read on stackoverflow, which is why it leads me to ask the question myself.

I am using the latest Webpack (5.16) and Webpack-cli(4.4) and trying to build this to run on Node.

I have the following webpack.config.js, in which I only added the stats section to try and debug the issue:

I wanna using tailwind with sass on vue js, I'm following tailwind docs but still got this error

this is my depedency, postcss is up to date

I'm new to gulp tasks. I'm practicing it now. After some googling I learned to write few tasks. I'm using tailwind and bulma css in my project.

Here is my setup.

package.json:

I'm trying to implement css modules in my typescript react project, but still can't get the css file imported:

• I use css-modules-typescript-loader to create .css.d.ts to assert typing
• I use @dr.pogodin/react-css-modules to be able to use css modules ("styleName") in react. It'll generate some hash for the css property like the "src-containers-___App__background___2WjSL" in the image above

Here are the files regarding the App and css:

App.tsx:

We have an application (a website) with some React components, css and js compiled with webpack.

Our workflow is to npm run start in the /src/ folder while developing locally, which generates CSS and JS files in /dist/ then run npm run build to clear down refresh all the files in the /dist/ folder before deploying to live. That is the intent, anyway.

The problem is, when we deploy a change to the live environment, it seems the browser still has previous versions of the CSS/JS files cached, or not reading correctly from the new versions. This only happens with the hashed/chunked (React component) files (see ** in file structure below), not the main.js or main.scss file.

We thought webpack produced new 'chunks'/files with each build. Is there a way we can force webpack to do this so the files are read as new when they change, or the filenames are different? I do want the files to be cached by the browser, but I also want new changes to be accounted for.

Example File Structure