@astrojs/tailwind@4.0.0
版本发布时间: 2023-06-19 23:39:21
withastro/astro最新发布版本:astro@5.0.0-beta.2(2024-09-24 17:12:05)
Major Changes
-
#7391
556fd694a
Thanks @bluwy! - Rename optionsconfig.path
toconfigFile
, andconfig.applyBaseStyles
toapplyBaseStyles
. If you are using these options, you need to migrate to the new names.// astro.config.mjs import { defineConfig } from 'astro/config'; import tailwind from '@astrojs/tailwind'; export default defineConfig({ integrations: [ tailwind({ - config: { - path: '...', - applyBaseStyles: true, - }, + configFile: '...', + applyBaseStyles: true, }), ], });
-
#6724
3f1cb6b1a
Thanks @TomPichaud! - Let thetailwindcss
PostCSS plugin load its config file itself. This changes the Tailwind config loading behaviour where it is loaded fromprocess.cwd()
instead of the projectroot
.If your Tailwind config file is not located in the current working directory, you will need to configure the integration's
configFile
option to load from a specific path:// astro.config.mjs import { defineConfig } from 'astro/config'; import tailwind from '@astrojs/tailwind'; import { fileURLToPath } from 'url'; export default defineConfig({ integrations: [ tailwind({ configFile: fileURLToPath(new URL('./tailwind.config.cjs', import.meta.url)), }), ], });
This change also requires a Tailwind config file to exist in your project as a fallback config is no longer provided. It is set up automatically during
astro add tailwind
, but if it does not exist, you can manually create atailwind.config.cjs
file in your project root:// tailwind.config.cjs /** @type {import('tailwindcss').Config} */ module.exports = { content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'], theme: { extend: {}, }, plugins: [], };