Stabilizing css.preprocessorMaxWorkers

[sapphi-red]

css.preprocessorMaxWorkers

• Introduced in 5.1
• Rational in Original PR
• Docs

[crystalfp]

Just installed Vite 5.1.1 I tried adding:

    css: {
        preprocessorMaxWorkers: true
    },

to defineConfig (below the whole content) but this gives an error:

16:08:07 [vite] Internal server error: Cannot set property message of  which has only a getter
  Plugin: vite:css
  File: D:/Projects/STMng/src/App.vue?vue&type=style&index=0&lang.scss
      at process (file:///D:/Projects/STMng/node_modules/vite/dist/node/chunks/dep-94_H5fT6.js:32575:27)
      at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
      at async compileCSSPreprocessors (file:///D:/Projects/STMng/node_modules/vite/dist/node/chunks/dep-94_H5fT6.js:31855:30)
      at async compileCSS (file:///D:/Projects/STMng/node_modules/vite/dist/node/chunks/dep-94_H5fT6.js:31905:36)
      at async TransformContext.transform (file:///D:/Projects/STMng/node_modules/vite/dist/node/chunks/dep-94_H5fT6.js:31303:56)
      at async Object.transform (file:///D:/Projects/STMng/node_modules/vite/dist/node/chunks/dep-94_H5fT6.js:50819:30)
      at async loadAndTransform (file:///D:/Projects/STMng/node_modules/vite/dist/node/chunks/dep-94_H5fT6.js:53592:29)
      at async viteTransformMiddleware (file:///D:/Projects/STMng/node_modules/vite/dist/node/chunks/dep-94_H5fT6.js:63376:32)

Sure I'm using wrongly this option. Maybe a more extensive help in doc or better error message could help beginners like me.

The whole vite.config.mts is:

import {defineConfig} from "vite";
import electron from "vite-plugin-electron";
import renderer from "vite-plugin-electron-renderer";
import vue from "@vitejs/plugin-vue";
import path from "node:path";

// https://vitejs.dev/config/
export default defineConfig({
    resolve: {
        alias: {
            "@":  path.resolve(__dirname, "./src"),
        }
    },
    optimizeDeps: {
        exclude: ["doc", "release", "tests"],
        holdUntilCrawlEnd: false
    },
    define: {
        __VUE_PROD_DEVTOOLS__: "false",
    },
    css: {
        preprocessorMaxWorkers: true
    },
    plugins: [
        vue(),
        electron([
            {
                // Main-Process entry file of the Electron App.
                entry: "src/electron/main.ts",
            },
            {
                entry: "src/electron/preload.ts",
                onstart(options) {
                    // Notify the Renderer-Process to reload the page when the Preload-Scripts build
                    // is complete, instead of restarting the entire Electron App.
                    options.reload();
                },
            },
        ]),
        renderer(),
    ],
    build: {
        assetsInlineLimit: 8096,
        reportCompressedSize: false,
        emptyOutDir: true,
        chunkSizeWarningLimit: 600,
        rollupOptions: {
            output: {
                manualChunks: {
                    vue: [
                        "vue",
                        "vue-router",
                        "pinia",
                        "vuetify",
                        "@mdi/js",
                    ],
                    three: [
                        "three",
                        "three-spritetext"
                    ]
                }
            },
        }
    },
});

The project is Vue+Electron+Typescript.
Thanks!
mario

[sapphi-red]

I guess it's a bug. Would you create an issue with a minimal reproduction?