Tailwindcssの導入 | 全国個人事業主支援協会

COLUMN コラム

Tailwindcssの導入

最近現場でTailwindを使い始めたので、その導入について

npm install -D tailwindcss postcss autoprefixer

yarn add -D　tailwindcss postcss autoprefixer

contentにTailwind CSSを反映させたいファイルを指定する。

content: ["./page/**/*.{js,jsx,ts,tsx}", "./src/**/*.{js,jsx,ts,tsx}"],

import 'tailwindcss/tailwind.css';

以上です。

Tailwindは使ってみた感想を言うと、bootstrapよりも自由度が高いので、それなりにデザインにこだわりたいならTailwind、デザインにこだわりないならbootstrapって感じでした。

システムエンジニアをしています。フロントエンドを主に、サーバーサイドも書いたりします。 JS/TS/Python/Javaは少しだけ React/Angular/Next/Nuxt/Vue/Nodeなんかを使ったりします。