tail-kit icon indicating copy to clipboard operation
tail-kit copied to clipboard
verified publisher icon Charlie85270

[feature] Upgrade to Tailwindcss 3

Open bingalls opened this issue 4 years ago • 4 comments

I started a fork, to upgrade TailKit to Tailwindcss 3, but ran into problems, some of which are documented in my README.md

  • lint fails for the build/ directory. It should likely be excluded.
  • Cannot upgrade Node past v14 because of Webpack 4.
  • Cannot upgrade React & dependencies past v16 because of react-simple-code-editor v0.11.0

The biggest problem is that Tailwind 3 requires PostCss 8 & Autoprefixer >=10. You'll notice this in Error: true is not a PostCSS plugin.

Here are some links with details:

  • https://github.com/postcss/postcss/issues/1420
  • https://github.com/tailwindlabs/tailwindcss/issues/2396
  • https://github.com/vercel/next.js/issues/17236

Happy bug hunting!

bingalls avatar Dec 13 '21 02:12 bingalls

@Charlie85270 https://github.com/Charlie85270/tail-kit/pull/80 should close this feature request.

bingalls avatar Dec 29 '21 01:12 bingalls

Upgrading Webpack >4 has problems. Best to keep "@next/bundle-analyzer": "^9.5.5", the Webpack dependency.

bingalls avatar Dec 29 '21 01:12 bingalls

Please Upgrade As Soon as possible

hanumanjiblog avatar Mar 17 '22 19:03 hanumanjiblog

As a OSS project, this is entitled to a free upgrade from https://laravelshift.com/upgrade-tailwind-css-2-to-tailwind-css-3 However, it really requires @Charlie85270 to set this up in this original repository. This should make it easier for us, including @hanumanjiblog & I to finish the upgrade.

bingalls avatar Apr 04 '22 12:04 bingalls

Hey guys ! Sorry for my late answer and reaction, I'm back !

I finally upgraded the project with Tailwind CSS v3 !
Closed with https://github.com/Charlie85270/tail-kit/commit/bf5c63613dbc2246d39d7519a7ee6f4236060397

Charlie85270 avatar Nov 29 '22 22:11 Charlie85270