ability to remove or modify css class name "svelte-" prefix

[eduarddotgg]

Is there any way to remove or modify css class name "svelte-" prefix?

[Conduitry]

There is not. #570 has been left open until this is supported. See also this comment.

[eduarddotgg]

don't quite understand how to use example showed in #570 with Webpack.

[Conduitry]

You'd pass it the same way you pass any options to svelte-loader - as an options object next to loader: 'svelte-loader'. But the feature does not exist yet, and there's already an issue for it.

[Conduitry]

This ticket is also more or less a direct duplicate of #2822, which was closed because this is what #570 is being left open for.

[cloudyjeep]

svelte ver: 3.29.0
@iamfrntdv for alternative, changes code in ../node_modules/svelte/compiler.js at line 24268

[khalid-tian]

Use svelte csshash compiler options, just if someone still need it.

[seanvelasco]

adding to the above comment, modify svelte.config.js accordingly

const config = {
	preprocess: vitePreprocess(),
	kit: {
		adapter: adapter()
	},
	compilerOptions: {
		cssHash: ({ hash, css }) => `your-custom-prefix-${hash(css)}`
	}
}

took me a few minutes to figure it out, thought it might be helpful to others