How to setup Postcss, Tailwind, React, and Webpack from Scratch

I want to create a shared react component for a monorepo with tailwindcss. However, while reading the document, it was found that tailwind uses craco. Meanwhile I want to use webpack. And it definitely doesn’t suit my needs. So I searched everywhere, t…


This content originally appeared on DEV Community and was authored by ynwd

I want to create a shared react component for a monorepo with tailwindcss. However, while reading the document, it was found that tailwind uses craco. Meanwhile I want to use webpack. And it definitely doesn't suit my needs. So I searched everywhere, to find setting everything up from scratch.

.
├── babel.config.js
├── package.json
├── postcss.config.js
├── src
│   ├── App.js
│   ├── index.css
│   ├── index.html
│   └── index.js
├── tailwind.config.js
└── webpack.config.js

The following are some of my notes. I hope this helps people with similar needs to mine.


This content originally appeared on DEV Community and was authored by ynwd


Print Share Comment Cite Upload Translate Updates
APA

ynwd | Sciencx (2021-10-17T02:03:53+00:00) How to setup Postcss, Tailwind, React, and Webpack from Scratch. Retrieved from https://www.scien.cx/2021/10/17/how-to-setup-postcss-tailwind-react-and-webpack-from-scratch/

MLA
" » How to setup Postcss, Tailwind, React, and Webpack from Scratch." ynwd | Sciencx - Sunday October 17, 2021, https://www.scien.cx/2021/10/17/how-to-setup-postcss-tailwind-react-and-webpack-from-scratch/
HARVARD
ynwd | Sciencx Sunday October 17, 2021 » How to setup Postcss, Tailwind, React, and Webpack from Scratch., viewed ,<https://www.scien.cx/2021/10/17/how-to-setup-postcss-tailwind-react-and-webpack-from-scratch/>
VANCOUVER
ynwd | Sciencx - » How to setup Postcss, Tailwind, React, and Webpack from Scratch. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/10/17/how-to-setup-postcss-tailwind-react-and-webpack-from-scratch/
CHICAGO
" » How to setup Postcss, Tailwind, React, and Webpack from Scratch." ynwd | Sciencx - Accessed . https://www.scien.cx/2021/10/17/how-to-setup-postcss-tailwind-react-and-webpack-from-scratch/
IEEE
" » How to setup Postcss, Tailwind, React, and Webpack from Scratch." ynwd | Sciencx [Online]. Available: https://www.scien.cx/2021/10/17/how-to-setup-postcss-tailwind-react-and-webpack-from-scratch/. [Accessed: ]
rf:citation
» How to setup Postcss, Tailwind, React, and Webpack from Scratch | ynwd | Sciencx | https://www.scien.cx/2021/10/17/how-to-setup-postcss-tailwind-react-and-webpack-from-scratch/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.