如何在laravel混合中添加顺风

时间:2019-10-28 07:27:13

标签: laravel

我想在我们的教程中的laravel mix中使用自动完成功能,它正在使用vue-cli并且正在运行,它正在使用顺风,但是当我使用nmp install在laravel-mix中实现时,它不起作用, 我有在laravel mix中安装tailwind的教程,但是如果我想编写手动如何在波纹管中写那些文件的链接教程,我在resource / js下找不到tailwind.js

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

1 个答案:

答案 0 :(得分:0)

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:否,这是混合编译顺风时所必需的。

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