question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

How can we to use windi with 11ty.js?

See original GitHub issue

As I’ve seen TailwindCSS is huge in the 11ty community. There are a couple of practical ways to implement it. But I still can’t figure out how to use windi inside the 11ty space. I couldn’t wind any info about this integration on the web, so I wonder if there are any ideas on how to implement it efficiently. Sorry for such a broad question, but I don’t know how to even start. The mix of 11ty+webpack running consequentially doesn’t seem a best solution.

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Reactions:2
  • Comments:7 (4 by maintainers)

github_iconTop GitHub Comments

5reactions
colinautcommented, Mar 26, 2021

I just set up a 11ty starter with windicss by forking this nice 11ty Vite template and installing vite-plugin-windicss. You can find it here: eleventy-vite-windicss. It works and is blazing fast in dev mode! Also tested production build and it runs just as fast, granted there is only two pages 😃

1reaction
voorjaarcommented, Mar 20, 2021

Thank you! If you want to make a static website, vitepress is a good choice. You can also check next.windicss.org. We are refactoring the next generation of doc websites.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Watch and Serve — Eleventy
Watch and Serve Configuration Jump to heading #. Watch JavaScript Dependencies; Add Your Own Watch Targets; Ignore Watching Files .gitignore; Configuration API.
Read more >
Lume SSG Handbook – How to Create a Static Blog with Lume
Lume supports multiple languages; It has Windi CSS support; There's pagination and component support; It supports minifying JavaScript, HTML, ...
Read more >
AndiKod/tadam11ty: 11ty Starter&Sandbox. 13 CSS ... - GitHub
13 CSS flavors, 18 JS libraries, solid defaults and startKit. - GitHub - AndiKod/tadam11ty: 11ty Starter&Sandbox. ... Now we can use in pages/layouts:....
Read more >
The-Windi-Instructions.pdf - Blue Fish Pediatrics
Massage one side of the belly at a time. Repeat three times on each side. Step ​2​ of 5 Lubricate Windi tip. We...
Read more >
Build a Blog with 11ty and Strapi
Eleventy is an elegant JavaScript static site generator renowned for its default zero config setup. In this tutorial, we will be looking at ......
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found