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.

Use local build / tailwind and postcss config file instead of CDN

See original GitHub issue

After I run serve from within the output directory, everything magically works!

As a suggestion, I don’t see a tailwind config file anywhere…and it definitely seems like that is the recommended option: https://tailwindui.com/documentation#add-the-tailwindcss-ui-plugin https://tailwindui.com/documentation#update-your-purgecss-configuration

Would it be possible to get this working with a local tailwind config file and PurgeCSS configuration, so we eliminate the CDN? https://cdn.jsdelivr.net/npm/@tailwindcss/ui@latest/dist/tailwind-ui.min.css

Once again, many thanks for the repo!

Issue Analytics

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

github_iconTop GitHub Comments

1reaction
connecteevcommented, Apr 18, 2020

Agreed. Look forward to the push for local builds / configs with tailwindcss and postcss/purgecss (and tailwind prefix support!)

Btw even if the private git repo becomes available, I think the work you’ve done here is of a lot of value to track changes to the tailwindui components and save time getting the components locally.

1reaction
kilimancommented, Apr 18, 2020

Yes, the index page was kind of a last minute addition based on a comment in the discord chat. I simply wanted to be able to view the components locally, especially as a quick way to verify that the crawler and transformer worked properly.

The local config will need to be supported in order to fully support tailwind prefixes #15 anyway.

Now that most of the transformers have been built, I can start cleaning up some of the code and make it even more flexible.

I think Adam is going to open up a private repo now that GitHub is free for teams. So the download part won’t be necessary but the transformers will definitely help.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Installation - Tailwind CSS
Install Tailwind CSS. Install tailwindcss via npm, and create your tailwind.config.js file. · Configure your template paths · Add the Tailwind directives to...
Read more >
Tailwinds JIT compiler via CDN - Beyond Code
Use the full power of Tailwind CSS' new JIT compiler by including one script tag to your HTML.
Read more >
How to switch from tailwind CSS Play CDN to production build?
I know how to build tailwind css for production with PostCSS. But my question is how to automatically replace the Play CDN with...
Read more >
Install Tailwind CSS v3 - CDN vs CLI vs PostCSS - YouTube
In this video I'll show you three ways - via CDN, using Tailwind CLI ... using PostCSS 24:51 Configuration using PostCSS 26:31 Start...
Read more >
How to add Tailwind CSS to HTML? - Themesberg
Install Tailwind CSS via NPM and process the configuration file using PostCSS · Create a CSS file and include the Tailwind CSS directives...
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