ava-cn/laravel-vue-tailwind-purgecss

A simple way to install Vue, Tailwind and PurgeCSS

0.3.6 2020-10-21 02:49 UTC

Requires

• php: ^7.1
• illuminate/contracts: ^5.6|^6.0|^7.0|^8.0

MIT

• curder

• laravel-vue-tailwind-purgecss
• ava-cn
• curder

README

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

What it includes:

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

Additionals:

• ExampleComponent is back!
• Replaces the welcome.blade.php template with one that extends the main layout layouts/master.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 project:

composer require ava-cn/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.

composer remove ava-cn/laravel-vue-tailwind-purgecss -vvv

Changelog

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

License

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