Masaknd / vite--js_tailwindcss

Vite boilerplate for Vanilla.js with TailwindCSS

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Vite boilerplate for Vanilla.js with TailwindCSS

JavaScript   TailwindCSS   HTML5

Description

Use Tailwind style framework on your products and save css file under "tailwindcss" folder. Save main JS files to "main" under js folder. For some features, make new js files under "library folder".

Getting Started

Clone files to your direction

Dependencies

  • pnpm need to be installed
    To use npm or yarn, change "pnpm" in package.json > scripts to "npm".

Installing

node modules installation
$pnpm install

Executing program

"dev": development mode

$ pnpm dev

"build": build mode

$ pnpm build

Help

No specification


Authors

Masaknd: @Masaknd_dsgn

Version History

  • bug detected Problem: inconsistency of the result of running dev mode and build details: background: url() images paths are not transpile correctly when running build mode

    Solution: Define the image paths by internal style css in the HTML file

  • See commit change or See release history

License

Acknowledgments

Inspiration, code snippets, etc.

About

Vite boilerplate for Vanilla.js with TailwindCSS


Languages

Language:HTML 85.1%Language:JavaScript 8.5%Language:CSS 6.4%