1.6 KiB
1.6 KiB
Vite + TailwindCSS WinterCMS starter theme
Vite + TailwindCSS is a blank starter theme for WinterCMS powered by Vite and TailwindCSS. It includes a simple folder structure, postcss files already divided according to TailwindCSS directives and two npm scripts for development and production.
Features
- use Vite for your frontend's assets
- TailwindCSS 3 ready
- crazy fast with a tiny node_modules folder
- browser autoreload with hot module replacement
- PostCSS ready with the following plugins:
- postcss-import
- tailwindcss-nesting
- autoprefixer
Requirements
In order to work, the theme needs its sister plugin Vite: the theme layout file already includes the reference to the necessary components, and will not work without first installing it
Installation
- require the theme:
composer require marcomessa/wn-vite-tailwind-theme
- require the plugin:
composer require marcomessa/wn-vite-plugin
- be sure plugin is installed:
php artisan plugin:refresh Marcomessa.Vite
- navigate to theme's folder:
cd <project-root>/themes/vite-tailwind
- install dependencies:
npm install
oryarn install
Npm scripts
- development:
npm run dev
- production:
npm run production
License
The MIT License (MIT). Please see License File for more information.