Closed3
Vueでtailwindの導入の仕方
bernちょっと手こずったのでメモ。
ドキュメンテーションはこちら
1. tailwindのインストール
npm install -D tailwindcss@npm:@tailwindcss/postcss7-compat @tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9
2. configファイルの設定
npx tailwind init
3. postcss.config.js の設定
touch postcss.config.js
中身はこんな感じ
module.exports = {
plugins: [
require('tailwindcss'),
require('autoprefixer'),
]
}
4. touch src/main.css
cssにtailwindを記載して、main.jsにインポートする
@tailwind base;
@tailwind components;
@tailwind utilities;
これで終わり
bernちなみに zshを使う場合は ^をエスケープする必要があるよ
bern参考
このスクラップは2021/03/27にクローズされました