CSS generation is overwritten on several instances #202
Comments
|
It seems that the problem comes from the This shouldn't normally be a problem, but it seems that the list of icons to use in the CSS is not sandboxed. If I change my code to a import fs from 'fs';
import path from 'path';
import svgtofont from 'svgtofont';
import type { CSSOptions } from 'svgtofont/lib/utils';
import svgoConfig from '../conf/svgo.config';
const iconsFolder = path.join(__dirname, '../www/src/icons');
const camalize = (str: string) =>
str.toLowerCase().replace(/[^a-zA-Z0-9]+(.)/g, (m, chr) => chr.toUpperCase());
const cssOptions = (fileName: string): CSSOptions => ({
cssPath: '../../fonticon/',
fileName: `_${camalize(fileName)}`,
fontSize: '1rem',
output: 'www/src/scss/fonticon'
});
const buildFont = async (fileName: string) => {
if (fileName) {
await svgtofont({
css: cssOptions(fileName),
dist: path.join(__dirname, '../www/src/fonticon'), // output path
fontName: fileName,
log: true,
src: path.join(__dirname, `../www/src/icons/${fileName}`), // svg path
svgoOptions: svgoConfig
});
console.log(`font icon "${fileName}" is generated!`);
}
};
fs.readdir(iconsFolder, async (err, files) => {
for (const file of files) {
if (file) {
await buildFont(file);
}
}
}); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
I created a node script (ts-node) to play the generations of several distinct font-icons.
svgtofont.ts :
My fonts are well created as well as the CSS files, if I have only one directory everything is fine.
Now, if I add a second directory, all CSS files get the code of the last generated batch.
The CSS file of the first font retrieves my files but declares the CSS classes of the 2nd batch.
The first generated CSS file:
❎ www/src/scss/fonticon/_adminFonticon.scss:
✅ INSTEAD OF
and the second generated CSS file
✅ www/src/scss/fonticon/_fonticon.scss:
The text was updated successfully, but these errors were encountered: