Laravelにtailwindcssを導入する
tailwindcssの導入
インストール
$ npm install tailwindcss
resources > sass > app.scssに追記
@tailwind base; @tailwind components; @tailwind utilities;
config作成
$ npx tailwind init
webpack.mix.js
const mix = require('laravel-mix'); const tailwindcss = require('tailwindcss') mix.js('resources/js/app.js', 'public/js') .sass('resources/sass/app.scss', 'public/css') .options({ processCssUrls: false, postCss: [ tailwindcss('./tailwind.config.js') ], })