Użyj tailwindcss z Ionic — React
W tym artykule omówię, jak skonfigurować aplikację Ionic's React i jak zainstalować tailwindcss .
Warunki wstępne
Aby wykonać kroki opisane w tym artykule, musisz mieć zainstalowane Nodejs i Cli Ionic. Instrukcję instalacji Ionic można znaleźć na stronie internetowej ionic ( Instalacja Ionic — Ionic Documentation (ionicframework.com) )
Stwórz aplikację Ionic
Zaczynamy od stworzenia aplikacji Ionic React za pomocą polecenia:
ionic start myApp blank --capacitor --type=react
npm install -D tailwindcss@npm:@tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9
module.exports = {
purge: ["./src/**/*.{js,jsx,ts,tsx}", "./public/index.html"],
darkMode: false, // or 'media' or 'class'
theme: {
extend: {},
},
variants: {
extend: {},
},
plugins: [],
};
npm install @craco/craco
// craco.config.js
module.exports = {
style: {
postcss: {
plugins: [
require('tailwindcss'),
require('autoprefixer'),
],
},
},
}
@tailwind base;
@tailwind components;
@tailwind utilities;
@tailwind base;
@tailwind components;
@tailwind utilities;
"ionic:build": "craco build",
"ionic:serve": "craco start",
"ionic:build": "craco build",
"ionic:serve": "craco start",
Suggested posts
Unikanie niszczycielskich konsekwencji udaru mózgu: nauka z rodzinnej podróży.
Wstęp Udar to nagły przypadek medyczny, który może dotknąć każdego w dowolnym momencie. Występuje, gdy przepływ krwi do części mózgu zostaje zakłócony, co prowadzi do nagłej utraty funkcji mózgu.
Jest — potężny framework do testowania JavaScript
Testowanie jest istotną częścią tworzenia oprogramowania. Zapewnia, że kod jest niezawodny, działa zgodnie z oczekiwaniami i zmniejsza prawdopodobieństwo błędów.
Related posts
Czy sztuka jest kiedykolwiek apolityczna?
Wczoraj zamknęliśmy drzwi tegorocznego Konkursu Piosenki Eurowizji błyskotliwym, chaotycznym wielkim finałem, w którym szwedzka piosenkarka Loreen zabrała do domu trofeum, stając się pierwszą kobietą, która wygrała dwa razy i przywracając koronę Szwecji 50 lat po tym, jak ABBA wygrała konkurs z „Waterloo”. Stali się jednym z największych zespołów w kanonie muzyki pop.
Finansowanie usuwania dwutlenku węgla w RO24
Podział wniosków o środki Carbon180 na różne ścieżki
Autor: Alyson Lee, doradca zarządzający ds. spraw rządowych Coroczny proces przyznawania środków przez rząd federalny ma kluczowe znaczenie dla naszych wysiłków na rzecz sfinansowania usuwania dwutlenku węgla (CDR). Każdego roku Carbon180 przesyła prośby do różnych biur kongresowych, aby pomóc wskazać, gdzie będą płynąć dolary w przyszłym roku.
Zbieranie OSINT na potrzeby polowania na zagrożenia
Hej, cyberentuzjaści! Witamy ponownie w serii OSINT poświęconej polowaniu na zagrożenia. W pierwszym artykule przedstawiłem przegląd OSINT i jego znaczenie w polowaniu na zagrożenia.
Niebezpieczne rozmowy
Jeśli chcemy dalej prosperować na tej planecie, będziemy musieli prowadzić niebezpieczne rozmowy. Takie, które rzucają wyzwanie temu, co zrobiliśmy, co robimy i co obecnie zamierzamy robić (lub planujemy robić).