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…

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.


Print Share Comment Cite Upload Translate
APA
ynwd | Sciencx (2024-03-29T11:35:13+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 2024-03-29T11:35:13+00:00,<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 2024-03-29T11:35:13+00:00]. 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 2024-03-29T11:35:13+00:00. 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: 2024-03-29T11:35:13+00:00]
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/ | 2024-03-29T11:35:13+00:00
https://github.com/addpipe/simple-recorderjs-demo