javascript - Mengimpor File ke dalam Tailwind.Config.JS
Saya mulai menggunakan Tailwindcss. Saya ingin menimpa palet warna default Tailwind dengan palet warna material-design. Saya bisa dengan mudah hanya memotong dan menempel semua palet material design ke dalam file tailwind.config.js dan semuanya akan berjalan dengan baik. Misalnya, seperti ini:
module.expo Baca lebih banyak →javascript - Gaya Tailwindcss 2 tidak bekerja di Angular 11
Saya sedang mencoba Tailwindcss pada proyek Angular 11 baru. Saya telah menginstal paket pengembangan berikut.
NOTE: Removed other packages for simplicity "@angular-builders/custom-webpack": "^10.0.1", "@angular-devkit/build-angular": "~0.1100.2", "@angular/ Baca lebih banyak →reactjs - Aplikasi React Turborepo gagal memuat Tailwind
Saya telah membuat monorepo dengan Turborepo yang saat ini memiliki 1 Aplikasi React Vite, dan paket tailwind-config. Dan masalah saya saat ini adalah aplikasi saya sama sekali tidak memuat tailwind. Biarkan saya mencoba menjelaskan struktur proyek dan file saya.
root | |- packages | |- tailwind-config | `- app Baca lebih banyak →typescript - TailwindCSS tidak bekerja di proyek React Native
Saya membuat aplikasi React Native menggunakan Expo dan mencoba menggunakan Tailwind CSS dengan bantuan NativeWind. Saya mengikuti dokumentasi ini:
Baca dokumennya di sini...
Versi :
- react-native : 0.74.3
- nativewind: 2.0.11
- typescript: 5.3.3
- tailwindcss: 3.3.2
reactjs - Tailwindcss tidak berfungsi untuk proyek react
Saya sedang mencoba mengintegrasikan Tailwind ke proyek React-Typescript saya yang dibuat dengan Vite. Mengikuti panduan konfigurasi Tailwind langkah demi langkah, tetapi sekarang saya mendapatkan peringatan ini:
warn - No utility classes were detected in your source files. If this is unexpected, double-check the `content` option in your Tailwind CSS configuration. warn - https://tailwindcss.com/docs/content-configurationIni adalah struktur direktori saya:
Baca lebih banyak →javascript - Gunakan "theme" dalam plugin Tailwind
Ada plugin sederhana. Bagaimana saya bisa memanggil variabel dari tema? Sudah mencoba seperti ini:
/** @type {Plugin} */ const plugin = require('tailwindcss/plugin'); module.exports = plugin(function ({ addBase, theme }) { return addBase({ '.test-1': {color: 'green'}, // it works '.test-2': theme('colors.amber.300') // doesn't work }); }); Baca lebih banyak →typescript - Svelte, Skeleton, Tailwind error npm install
Saya cukup baru di dunia svelte/typescript dan sejak kemarin tiba-tiba saya mendapatkan beberapa kesalahan setelah instalasi. Saya melakukan hal yang persis sama seperti beberapa hari yang lalu dan saya tidak bisa memahami apa yang terjadi.
Ini adalah apa yang saya lakukan:
npm create svelte@latest diceGame cd diceGame npm installLalu saya memasang Skeleton
npm i @skeletonlabs/skeleton --save-devLalu saya menginstal Tailwin
Baca lebih banyak →reactjs - Menguji pemangkasan Tailwind di aplikasi React dengan Jest
Apakah ada cara untuk menguji pemangkasan Tailwind dengan Jest, tanpa harus menulis konfigurasi postcss khusus dan hanya menggunakan konfigurasi webpack default yang dibuat oleh CRA 5 (juga diterapkan di sini).
Tailwind tampaknya mengabaikan semua kelas di dalam file .test.tsx dan tidak menyertakannya dalam output.
Baca lebih banyak →typescript - masalah dengan iframe dan tailwind
Proyek saya menggunakan NextJS dan Tailwind, masalah yang saya hadapi adalah ini, saya ingin menampilkan serangkaian komponen di dalam iframe, tetapi setelah melakukan ini, gaya Tailwind yang saya berikan kepada mereka dalam bentuk kelas tidak diterapkan di browser Chrome. Browser mengenali beberapa gaya yang saya berikan melalui CDN, tetapi tidak mengenali gaya yang saya berikan melalui tailwind.config.ts, dan tidak mengenali gaya sama sekali di browser lain.
import React, { us Baca lebih banyak →typescript - Properti 'white' tidak ada pada tipe tailwind types
Saya baru dalam TypeScript dan saya mencoba memahami apa yang salah yang saya lakukan.
Saya telah menginstal @types/tailwindcss versi 2.2.4 dan saya mencoba membuat toast yang seharusnya menggunakan warna tema, jadi ini kodenya:
import iziToast, {IziToastSettings} from "izitoast" Baca lebih banyak →