From bf39032b31c73905126afc84162f69af00fd07e4 Mon Sep 17 00:00:00 2001 From: Ben Word Date: Sun, 22 Mar 2026 10:58:41 -0500 Subject: [PATCH] Sage: Vite v8 docs updates --- sage/compiling-assets.md | 4 ++-- sage/sass.md | 3 ++- 2 files changed, 4 insertions(+), 3 deletions(-) diff --git a/sage/compiling-assets.md b/sage/compiling-assets.md index d53fd962..ae2a63c3 100644 --- a/sage/compiling-assets.md +++ b/sage/compiling-assets.md @@ -1,5 +1,5 @@ --- -date_modified: 2025-12-11 11:00 +date_modified: 2026-03-22 11:00 date_published: 2015-09-01 18:19 description: Sage uses Vite for fast asset compilation with HMR support. Includes custom plugin for hot module replacement in WordPress block editor during development. title: Compiling Assets in Sage with Vite @@ -34,7 +34,7 @@ The configuration will generate the following files: - `editor.css` - Styles used by the editor when creating/editing posts. - `editor.js` - JavaScript for the block editor, i.e. block styles and variants. -It will also copy any files in the `images` or `fonts` directories under `/resources/assets/` into the `public` directory with the other compiled files, but does not optimize or compress them. +It will also copy any files in the `images` or `fonts` directories under `/resources/` into the `public` directory with the other compiled files, but does not optimize or compress them. This is handled by the `assets` option on `laravel-vite-plugin` in `vite.config.js`. ### Assets in Blade template files diff --git a/sage/sass.md b/sage/sass.md index 4e2a80ab..e5aeaa42 100644 --- a/sage/sass.md +++ b/sage/sass.md @@ -1,5 +1,5 @@ --- -date_modified: 2025-04-15 11:15 +date_modified: 2026-03-22 11:15 date_published: 2023-06-06 17:30 description: Enable Sass in Sage by renaming `app.css` to `app.scss` for advanced CSS preprocessing with variables and mixins. title: Using Sass with Sage WordPress Theme @@ -53,6 +53,7 @@ Modify `vite.config.js` to remove the Tailwind plugin, reference the new file ex + 'resources/css/editor.scss', 'resources/js/editor.js', ], ++ assets: ['resources/images/**', 'resources/fonts/**'], wordpressThemeJson({ - disableTailwindColors: false,