Railavel用のTailwindCSSの設定

2929 ワード
tailwindcss laravel テキストリンク
LaravelプロジェクトのためにConfig TailWindCSSを必要とするたびに、私はいつもLaravelのためにどのようにConfig TailWindCSSをするかをGoogle検索します.
だから、自分のためにブログを書くという考えを思いつきました.

Laravelプロジェクトを作成する
laravel new [name of project]

パッケージのインストール
composer install

パッケージのインストール
npm install
ここからララベルのためのTailWinCSSの設定を開始します

据え付ける
npm install tailwindcss

設定ファイルの生成
npx tailwindcss init
パージファイルディレクトリを追加し、JITを使用するモードを追加しました.私は主にJITを使用します.なぜなら私は自分のスタイルをオンデマンドで生成するのが大好きですから.


Ralavel MixでTailwindを構成する
あなたはララベルミックスでTrewindを必要とする必要があります


あなたのCSSでTrewindを含めてください
開きます.リソース/css/app.CSSと含める


ブレードスタイルにインポートスタイル
<link href="{{ asset('css/app.css') }}" rel="stylesheet">

NPMウォッチ
npm run watch
あなたはこれを見るべきです

これで、HTML要素にクラスを追加できます.あなたのスタイルはJIT(ジャストインタイム)コンパイラで
JavaScriptで文字列を反転する
This Month What I Learned 5