Laravel Mixのビルドプロセスの実行
npm run dev
npm run prod
Laravelのストレージリンクを確認
php artisan storage:link
webpack.mix.js ファイルを確認
npm install tailwindcss autoprefixer --save-dev
↓
const mix = require('laravel-mix');
require('dotenv').config();
// PostCSSプラグインのインポート
const tailwindcss = require('tailwindcss');
/*
|--------------------------------------------------------------------------
| Mix Asset Management
|--------------------------------------------------------------------------
|
| Mix provides a clean, fluent API for defining some Webpack build steps
| for your Laravel applications. By default, we are compiling the CSS
| file for the application as well as bundling up all the JS files.
|
*/
mix.js('resources/js/app.js', 'public/js')
.postCss('resources/css/app.css', 'public/css', [
tailwindcss, // Tailwind CSSを指定
require('autoprefixer'), // ベンダープレフィックスの自動追加
]);