أريد أن أعرف كيف أقوم بتثبيت Tailwind CSS في React بدلًا من إستعمال CDN وبذلك يمكنني تخصيصه كما أريد. حاولت تثبيته بأكثر من طريقة ولكن تحدث مشكلات كثيرة ولا أعرف السبب. من ضمن هذه المشكلات أنه لا يتم إضافة Prefix لخواص CSS التي تحتاج إلى ذلك. وعندما نجحت مرة في تثبيت Tailwind لم كان يجب علي أن أقوم بإعادة بناء build الملفات كل مرة من خلال سطر الأوامر.
أرجو أن يساعدني أحد في شرح كيفية التثبيت بشكل منظم!
أول قم بإنشاء مشروع React إن لم يكن لديك واحد بالفعل:
npx create-react-app react-tailwindcss && cd react-tailwindcss
لكي تستطيع تثبيت وإستخدام tailwind بشكل جيد وعملي سنقوم بتثبيت كل من tailwindcss و postcss-cli و autoprefixer:
npm install tailwindcss postcss-cli autoprefixer -D
PostCSS هي أداة لتحويل تنسيقات CSS باستخدام إضافات JS. يمكن لهذه المكونات الإضافات فحص CSS، ودعم المتغيرات وmixins، وتحويل بنية CSS الحديثة، وتصمين الصور، إلخ.
بينما autoprefixer تقوم بإضافة p