Skip to content

Commit f86194a

Browse files
[12.x] Mention different Vite integration for Tailwind v3 vs v4 (#10240)
* chore: mention different Vite integration for Tailwind v3 vs v4 * chore: added tailwind v3 related url for v3 description * formatting --------- Co-authored-by: Taylor Otwell <[email protected]>
1 parent bc982a5 commit f86194a

File tree

1 file changed

+7
-10
lines changed

1 file changed

+7
-10
lines changed

vite.md

+7-10
Original file line numberDiff line numberDiff line change
@@ -445,19 +445,16 @@ The following example demonstrates how Vite will treat relative and absolute URL
445445
<a name="working-with-stylesheets"></a>
446446
## Working With Stylesheets
447447
448-
You can learn more about Vite's CSS support within the [Vite documentation](https://vitejs.dev/guide/features.html#css). If you are using PostCSS plugins such as [Tailwind](https://tailwindcss.com), you may create a `postcss.config.js` file in the root of your project and Vite will automatically apply it:
448+
> [!NOTE]
449+
> Laravel's [starter kits](/docs/{{version}}/starter-kits) already include the proper Tailwind and Vite configuration. Or, if you would like to use Tailwind and Laravel without using one of our starter kits, check out [Tailwind's installation guide for Laravel](https://tailwindcss.com/docs/guides/laravel).
449450
450-
```js
451-
export default {
452-
plugins: {
453-
tailwindcss: {},
454-
autoprefixer: {},
455-
},
456-
};
451+
All Laravel applications already include Tailwind and a properly configured `vite.config.js` file. So, you only need to start the Vite development server or run the `dev` Composer command, which will start both the Laravel and Vite development servers:
452+
453+
```shell
454+
composer run dev
457455
```
458456
459-
> [!NOTE]
460-
> Laravel's [starter kits](/docs/{{version}}/starter-kits) already include the proper Tailwind, PostCSS, and Vite configuration. Or, if you would like to use Tailwind and Laravel without using one of our starter kits, check out [Tailwind's installation guide for Laravel](https://tailwindcss.com/docs/guides/laravel).
457+
Your application's CSS may be placed within the `resources/css/app.css` file.
461458
462459
<a name="working-with-blade-and-routes"></a>
463460
## Working With Blade and Routes

0 commit comments

Comments
 (0)