kmmkの雑種系日記

学習まとめです。

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') ],
   })