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,