Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

support tailwind JIT from typescript tailwind.config.ts #24943

Closed
burner-account opened this issue Apr 3, 2023 · 2 comments · Fixed by #25022
Closed

support tailwind JIT from typescript tailwind.config.ts #24943

burner-account opened this issue Apr 3, 2023 · 2 comments · Fixed by #25022
Labels
area: devkit/build-angular feature: under consideration Feature request for which voting has completed and the request is now under consideration feature Issue that requests a new feature

Comments

@burner-account
Copy link

Command

serve

Description

With tailwind 3.3 there is the possibility to use a typescript tailwind.config.ts.

I would like to be able to pass my tailwind config around via InjectionToken, e.g. feed a BreakpointObserver with tailwind configuration values.

While JIT compiling tailwind css works great with a JS config, a TS config file currently seems to be ignored.


     _                      _                 ____ _     ___
    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/
    

Angular CLI: 15.2.4
Node: 18.10.0
Package Manager: npm 9.6.2
OS: linux x64

Angular: 15.2.5
... animations, cdk, common, compiler, compiler-cli, core, forms
... material, platform-browser, platform-browser-dynamic, router

Package                         Version
---------------------------------------------------------
@angular-devkit/architect       0.1502.4
@angular-devkit/build-angular   15.2.4
@angular-devkit/core            15.2.4
@angular-devkit/schematics      15.2.4
@angular/cli                    15.2.4
@schematics/angular             15.2.4
ng-packagr                      15.2.2
rxjs                            7.8.0
typescript                      4.9.5

Describe the solution you'd like

Well. Whatever you did to support tailswind in v12, please extend it to allow TS configurations ;)

Describe alternatives you've considered

No response

@clydin clydin added feature Issue that requests a new feature feature: under consideration Feature request for which voting has completed and the request is now under consideration labels Apr 3, 2023
@burner-account
Copy link
Author

docs regarding current state (JS): https://tailwindcss.com/docs/guides/angular

introduction to new option (TS): https://tailwindcss.com/blog/tailwindcss-v3-3#esm-and-typescript-support

alan-agius4 added a commit to alan-agius4/angular-cli that referenced this issue Apr 14, 2023
…figuration files

With this change we added `tailwind.config.mjs` and `tailwind.config.ts` to known tailwind config files.

Closes angular#24943
alan-agius4 added a commit to alan-agius4/angular-cli that referenced this issue Apr 18, 2023
…figuration files

With this change we added `tailwind.config.mjs` and `tailwind.config.ts` to known tailwind config files.

Closes angular#24943
alan-agius4 added a commit to alan-agius4/angular-cli that referenced this issue Apr 18, 2023
…figuration files

With this change we added `tailwind.config.mjs` and `tailwind.config.ts` to known tailwind config files.

Closes angular#24943
angular-robot bot pushed a commit that referenced this issue Apr 18, 2023
…figuration files

With this change we added `tailwind.config.mjs` and `tailwind.config.ts` to known tailwind config files.

Closes #24943
angular-robot bot pushed a commit that referenced this issue Apr 18, 2023
…figuration files

With this change we added `tailwind.config.mjs` and `tailwind.config.ts` to known tailwind config files.

Closes #24943

(cherry picked from commit 758b069)
@angular-automatic-lock-bot
Copy link

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

This action has been performed automatically by a bot.

@angular-automatic-lock-bot angular-automatic-lock-bot bot locked and limited conversation to collaborators May 19, 2023
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
area: devkit/build-angular feature: under consideration Feature request for which voting has completed and the request is now under consideration feature Issue that requests a new feature
Projects
None yet
3 participants