-
Notifications
You must be signed in to change notification settings - Fork 4k
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
No Hot Reload
when importing TailwindConfig from another tailwind.config.ts
file
#13419
Comments
HotReload
when exporting Config from another tailwind.config.ts
in monorepo
HotReload
when exporting TailwindConfig from another tailwind.config.ts
in monorepo
HotReload
when exporting TailwindConfig from another tailwind.config.ts
in monorepo
HotReload
when exporting TailwindConfig from another tailwind.config.ts
HotReload
when exporting TailwindConfig from another tailwind.config.ts
Hot Reload
when importing TailwindConfig from another tailwind.config.ts
file
I believe that simply importing your desired config from another folder within your monorepo is not the correct approach and is not possible. However, you can import your main Tailwind CSS config into your app if you include a tailwind.config.ts in your app's root and use the presets option to import the main config. Example: // This is the config file that should be at the root of your app
/** @type {import('tailwindcss').Config} */
module.exports = {
presets: [
// Assuming you have a path alias for your UI library; otherwise, put the relative path here
require('@ui/shared/tailwind.config')
],
// ...
} by doing so, and assuming that the Here's the documentation if you want more information about it 😄 |
Thank you for this information. Official Site |
What version of Tailwind CSS are you using?
3.3
What build tool (or framework if it abstracts the build tool) are you using?
Next: 14.1.0
Postcss: 8
What version of Node.js are you using?
20.11.0
What browser are you using?
Chrome
What operating system are you using?
MacOS
Reproduction URL
Codesandbox
Describe your issue
I'm using a monorepo and have my
tailwind.config.ts
in aui
package that I import from my Nextjs apps like soexport * from "@repo/ui/tailwind.config";
in my appstailwind.config.ts
.Basically, what I expect is that when I change something in that file it
hot reload
like it does in a normal setup. But it doesn't hot reload and I have to shutdown dev and reload it manually.Thanks for your help 🙏
The text was updated successfully, but these errors were encountered: