Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-04-01 01:18:10 +02:00
Code Issues Projects Releases Wiki Activity

chore: add file and component names to styled output class names in dev (#9351)

Browse Source 
Updates the `vite.config.mts` file to include config for emotion,
telling it to add `<file name>--<component name>` to the class names
of generated components.

The class name modification only happens in development mode.
This commit is contained in:
Thomas Heartman 2025-02-24 14:45:20 +01:00 committed by GitHub
parent 7f81c38daa
commit 26e01177be
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 84 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

130
frontend/vite.config.mts
View File

@ -37,54 +37,92 @@ const vitestConfig = vitestDefineConfig({
},
});
export default mergeConfig(
defineConfig({
base: UNLEASH_BASE_PATH,
build: {
outDir: 'build',
assetsDir: 'static',
assetsInlineLimit: 0,
modulePreload: false,
cssCodeSplit: false,
},
server: {
open: true,
host: true,
port: 3000,
proxy: {
[`${UNLEASH_BASE_PATH}api`]: {
target: UNLEASH_API,
changeOrigin: true,
export default defineConfig(({ mode }) => {
const reactPluginArgs =
mode === 'development'
? {
babel: {
plugins: [
[
'@emotion',
{
autoLabel: 'always',
labelFormat: '[filename]--[local]',
importMap: {
'@mui/material': {
styled: {
canonicalImport: [
'@emotion/styled',
'default',
],
styledBaseImport: [
'@mui/material',
'styled',
],
},
},
},
},
],
],
},
}
: undefined;
return mergeConfig(
{
base: UNLEASH_BASE_PATH,
build: {
outDir: 'build',
assetsDir: 'static',
assetsInlineLimit: 0,
modulePreload: false,
cssCodeSplit: false,
},
server: {
open: true,
host: true,
port: 3000,
proxy: {
[`${UNLEASH_BASE_PATH}api`]: {
target: UNLEASH_API,
changeOrigin: true,
},
[`${UNLEASH_BASE_PATH}auth`]: {
target: UNLEASH_API,
changeOrigin: true,
},
[`${UNLEASH_BASE_PATH}logout`]: {
target: UNLEASH_API,
changeOrigin: true,
},
[`${UNLEASH_BASE_PATH}health`]: {
target: UNLEASH_API,
changeOrigin: true,
},
[`${UNLEASH_BASE_PATH}invite`]: {
target: UNLEASH_API,
changeOrigin: true,
},
[`${UNLEASH_BASE_PATH}edge`]: {
target: UNLEASH_API,
changeOrigin: true,
},
},
[`${UNLEASH_BASE_PATH}auth`]: {
target: UNLEASH_API,
changeOrigin: true,
},
[`${UNLEASH_BASE_PATH}logout`]: {
target: UNLEASH_API,
changeOrigin: true,
},
[`${UNLEASH_BASE_PATH}health`]: {
target: UNLEASH_API,
changeOrigin: true,
},
[`${UNLEASH_BASE_PATH}invite`]: {
target: UNLEASH_API,
changeOrigin: true,
},
[`${UNLEASH_BASE_PATH}edge`]: {
target: UNLEASH_API,
changeOrigin: true,
fs: {
allow: ['..'],
},
},
fs: {
allow: ['..'],
plugins: [
react(reactPluginArgs),
tsconfigPaths(),
svgr(),
envCompatible(),
],
esbuild: {
logOverride: { 'this-is-undefined-in-esm': 'silent' },
},
},
plugins: [react(), tsconfigPaths(), svgr(), envCompatible()],
esbuild: {
logOverride: { 'this-is-undefined-in-esm': 'silent' },
},
}),
vitestConfig,
);
vitestConfig,
);
});