vite管理多项目时,在vite.config中增加scss变量


2024-09-13 18:07:46

vite管理多个项目时,有时需要根据不同项目,预制一个变量到scss中。 如:$project 可在vite.config.js中加入以下:

        preprocessorOptions: {
                    scss: {
                            additionalData: `
                                $project: ${process.env.VITE_PROJECT || 'default'};
                                $subproject: ${process.env.VITE_SUBPROJECT};
                            `
                        }
                    }
                },
            

这样在scss文件中,利用$project,$subproject取到对应的值。