如何在Laravel 9中使用vite将tailwindcss样式应用于电子邮件中

9 浏览
0 Comments

如何在Laravel 9中使用vite将tailwindcss样式应用于电子邮件中

我无法在我的邮件布局中添加工作样式。

最终目标是为邮件创建一个布局。目前为了测试目的，我有以下内容：

  • 发送邮件的控制器
  • 邮件组件
  • 可邮寄类
  • 邮件布局，作为guest.blade.php jetstream文件的副本
  • 一个特定的电子邮件布局文件，要添加到前面的布局中，是welcome.blade.php jetstream文件的副本

app\Http\Controllers\TestController.php

user())
                ->send(new TestingMail());
        return view('welcome');
     }
}

app\View\Components\MailLayout.php





app\Mail\TestingMail.php




view('mails.general');
    }
}





resources\views\layouts\mail.blade.php






    
        
        
        
        {{ config('app.name', 'Laravel') }}
        
        
        
        @vite(['resources/css/app.scss', 'resources/js/app.js'])
    
    
            {{ $slot }}
    






resources\views\mails\general.blade.php




    




            {{ __('Dashboard') }}




    


                






我收到的邮件没有样式。我找到的唯一帮助是这个链接：https://ralphjsmit.com/tailwind-css-multiple-configurations-laravel-mix，但那是为了laravel mix编写的，我不知道如何将此webpack.mix.js迁移到vite。


任何帮助或指导将不胜感激，谢谢。


编辑


最终我成功了，结合了@Jaap的答案和其他软件包：


https://github.com/fedeisas/laravel-mail-css-inliner


https://github.com/motomedialab/laravel-vite-helper


vite helper不是理想的选择，因为它在运行npm run dev时不起作用，但对我来说已经足够了。
0