Currently, our pages don't have any styling. What if you want to use Tailwind CSS classes, how do you install Tailwind into a package?
Don't worry, you don't need to configure Vite or similar inside the package. Your goal is to compile the CSS file before structuring the package. In the first steps in our tutorial, we have that code as a Laravel project, not a package. So that's exactly where you should add Tailwind classes and run npm run build
to compile the final CSS into the public folder.
Then, with the package, all you need to do here is copy that pre-built CSS file into the package /resources
folder.
This is exactly what I will do, and we have this file:
packages/laraveldaily/laravel-permission-editor/resources/assets/css/app.css:
*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after // ...
Then, we need to register that CSS to be published in the Service Provider...