安装和编译：tailwind 类不适用于 laravel 6 的全新安装

Question

我尝试在全新安装的 Laravel 6 上安装 tailwind.css。我添加了一些 tailwind 类，但它无法正常工作。没有错误，什么都没有。

安装

npm install tailwindcss

resources/sass/app.scss

@tailwind base;

@tailwind components;

@tailwind utilities;

生成了一个配置文件：

./node_modules/.bin/tailwind init

webpack.mix.js

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

编译

npm run dev

我添加了一些html：

<div class="rounded-lg p-6 bg-red-400">
  <img class="h-16 w-16 rounded-full mx-auto" src="https://picsum.photos/50/50">
  <div>
    <h2 class="text-lg text-red-400">Erin Lindford</h2>
    <div>Customer Support</div>
    <div>erinlindford@example.com</div>
    <div>(555) 765-4321</div>
  </div>
</div>

我没有收到任何错误或任何东西。但是，仍然安装了引导程序，但我不确定这是否重要。

Answer 1

菜鸟失误：

<link href="{{ asset('css/app.css') }}" rel="stylesheet">

是 .scss 而不是 css。