Skip to content

Conversation

@Yannicvanveen
Copy link

Met postcss-prefixwrapper worden editor styles automatisch gewrapped binnen de .editor-styles-wrapper o.b.v. een aantal condities. Er zijn een aantal uitzonderingen geconfigureerd waardoor het mogelijk wordt om custom properties toe te voegen aan :root buiten variables.css. Hierdoor kunnen component specifieke custom properties bijvoorbeeld weer geregistreerd worden in het CSS bestand van het betreffende component.

css: {
devSourcemap: true,
postcss: {
plugins: [
Copy link
Contributor

@YvetteNikolov YvetteNikolov Nov 13, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Zou je hier een helper functie van kunnen maken?

plugins: generatePostcssPlugins( { editorStylesPrefixWrap } ),

Je kunt hem in de /utils/ folder zetten.

export const generatePostcssPlugins = ( { editorStylesPrefixWrap } : {} ) => {
	const plugins = [];

	/**
	 * En dan hier nog een comment met wat we hier doen, aangezien het over 3 jaar vergeten gaat worden. 
	 */
	if (Array.isArray(editorStylesPrefixWrap?.entryPoints)) {
		plugins.push(...)' 
	}

	return plugins;
};

Copy link
Contributor

@YvetteNikolov YvetteNikolov Nov 13, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Aangezien in de toekomst dit best wel nog eens uitgebreid kan gaan worden.

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@YvetteNikolov Gaat dit geen nadelige gevolgen hebben voor het kunnen mergen van de configuratie? Op zich logisch om dit in een util te zetten, maar misschien alleen een losse functie voor elke plugin?

@Yannicvanveen Yannicvanveen merged commit afd45ac into main Nov 26, 2025
1 check passed
@Yannicvanveen Yannicvanveen deleted the feat/postcss-prefixwrap branch November 26, 2025 12:43
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants