upd: partially un-hash CSS class names

intended to allow easier creation of custom CSS modifications. the last
4 chars of class names should be static as long as files don't move, but
just in case modifications might prefer to use prefix selectors such as
[class^=MkWhatever] instead of .MkWhatever-1234
This commit is contained in:
ShittyKopper 2023-10-18 01:41:41 +03:00
parent 97d9510ce6
commit 4a4fd70180

View file

@ -83,11 +83,8 @@ export function getConfig(): UserConfig {
modules: { modules: {
generateScopedName(name, filename, _css): string { generateScopedName(name, filename, _css): string {
const id = (path.relative(__dirname, filename.split('?')[0]) + '-' + name).replace(/[\\\/\.\?&=]/g, '-').replace(/(src-|vue-)/g, ''); const id = (path.relative(__dirname, filename.split('?')[0]) + '-' + name).replace(/[\\\/\.\?&=]/g, '-').replace(/(src-|vue-)/g, '');
if (process.env.NODE_ENV === 'production') { const shortId = id.replace(/^(components(-global)?|widgets|ui(-_common_)?)-/, '');
return 'x' + toBase62(hash(id)).substring(0, 4); return shortId + '-' + toBase62(hash(id)).substring(0, 4);
} else {
return id;
}
}, },
}, },
}, },