All I found was to add a postcss cli or do an eject and change the webpack configuration
Can anyone tell me how to do it properly with eject?
Related
I'm new to react and decided to try another method to start a project instead of create-react-app which i regret, I used a site createapp.dev which uses a parcel bundler instead of react-scripts bundler so after i was done with the project i tried deploying it to github pages but could not i've read the parcel documentation but still no help so i restarted the project with create-react-app then copied the code but now i'm swimming in a bunch of errors
1.Install missed packages
if you use:
1.npm : npm install --save react-router-dom sass-loader sass
2. yarn : yarn add react-router-dom sass-loader sass
I've cloned a GitHub repo and was installing the packages. I first ran yarn install, and then I ran yarn build. But the second command gave me an error:
Could somebody help me with this please? I would really appreciate it! Thank you!
I had a similar issue, and it was because I had installed webpack in previous directories. You have probably installed a webpack in C:\Users\eden1\node_modules. Try removing that with npm remove webpack when you are located in C:\Users\eden1 or remove the globally installed webpack with npm remove -g webpack.
I've added esbuild to my CRA project using craco-esbuild. But it seems webpack still continue use default babel-loader to transpile my ts/tsx code. How can I disable it using craco config?
Hello everyone I just added sass in all possible ways to my app by npm install sass by npm install node-sass by yarn add sass-loader even by sudo npm install --save-dev --unsafe-perm node-sass all these commands by yarn also and my app tells me to add sass :/
Oh I finally did it, I don't know for sure but I guess when installing a new thing node sass or anything you should re-run the react app refresh or even ctrl+f5 won't work I have right now 2 tabs of my react app one is http://localhost:3000/ the other one http://localhost:3001 I commanded yarn start again after installing and it work while the first one is still open and it doesn't work
Hope this will help others
Below is the documented process for adding sass to react app using yarn
yarn add node-sass
Rename the .css files to .scss and update the import statements.
I just did it on my machine and it works.
I am following this tutorial to create a React project with webpack. Everything went smooth until step 4 webpack --config webpack.config.js, where I get this error:
webpack not installed
Install webpack to start bundling:
$ npm install --save-dev webpack
But if I type webpack --version, I get 4.43.0.
I don't know what is wrong.
Based on the information you gave, your webpack.config.js might be invalid, e.g., importing missing module, or not exporting proper configuration.
See this issue for more context:
https://github.com/webpack/webpack/issues/9242#issuecomment-500350448