如何在Laravel Mix中添加Tailwind

Question

我想在Laravel Mix中使用自动补全。我看到的教程使用的是vue-cli，并且它是有效的。它使用顺风，但当我使用npm install在Laravel Mix中实现它时，它不起作用。我使用教程在Laravel Mix中安装了Tailwind，但在resources/js下找不到tailwind.js。如果我想写一本手册，我如何在下面写这些文件链接教程。

https://sandulat.com/blog/installing-tailwind-into-laravel/

Answer 1

Tailwind.js不会在resources/js中生成。当你运行时

npx tailwind init

或

./node_modules/.bin/tailwind init

tailwind.js将被放置在您的终端当前所在的目录中。您的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.js')],
    });

注意processCssUrls: false，这是mix编译顺风所必需的。

您还可以安装一个简单的npm包：Laravel Mix Tailwind