はじめに:PostCSSとは何か? PostCSS は、CSSを変換するための JavaScript ベースのツールです。 Sass や Less のようなプリプロセッサとは異なり、PostCSS自体は単なる「プラグインランナー」です。
webpack の mini-css-extract-plugin のように CSS ファイルだけを Vite で出力したい。 Vite をインストール まずは Vite 周辺の環境を構築する。 npm i -D vite postcss postcss-preset-env npm create vite@latest でも良いが、基本的に Vite しか使わないので個別で入れる。PostCSS ...
gulpとは、Node.jsで動作するビルドシステムヘルパーと言って、web制作において時間のかかるタスクを自動化できる便利なツールです。 gulpを使うことで様々な処理を自動で行うことができ、とっても便利なのです。 さて、 gulpは前から使っていたのですが ...
Tailwind CSSのインストール方法を4つ紹介します。その中でも、PostCSSのプラグインとして使う方法をオススメします。これにより、効率的な開発環境を整えることができます。 #TailwindCSS #PostCSS #ウェブ開発 「ブラック企業レベル」と心配の声も…横山裕、ソロ ...