carloosolrac/laravel-vue-tailwind-purgecss

A simple way to install Vue, Tailwind and PurgeCSS

0.2.0 2020-09-21 13:59 UTC

Requires

• php: ^7.4
• illuminate/contracts: ^8.0

MIT

• Carloosolrac

• carloosolrac
• laravel-vue-tailwind-purgecss

README

A simple way to install Vue, Tailwind and PurgeCSS in Laravel 8 projects without laravel/ui:3.0 or Jetstream.

What it includes:

• Vue.js
• Tailwind CSS
• Purgecss, by spatie/laravel-mix-purgecss

Additionals:

• postcss-nesting
• ExampleComponent is back!
• Replaces the welcome.blade.php template with one that extends the main layout layouts/app.blade.php
• Two CSS files for custom components and custom utilities, don't be afraid to extend it!
• Webpack.mix.js configured just the way I like it.

Installation

You can install the package via composer in your fresh Laravel 8 project:

composer require carloosolrac/laravel-vue-tailwind-purgecss

Usage

After you install it, just execute this command.

php artisan preset:vtp

⚠️ This command delete some foldes, replaces some files and edit another ones. Use it with precaution

Then, you need install npm dependencies and create the Tailwind config file.

npm install && npx tailwind init && npm run dev

If you want a full Tailwind config you can run the next command:

npm install && npx tailwind init --full && npm run dev

Uninstall

When you complete the instalation, configuration you can remove this packages from you project as well.

Changelog

Please see CHANGELOG for more information on what has changed recently.

License

The MIT License (MIT). Please see License File for more information.