icons.js

const {readFileSync, writeFileSync} = require('fs');
const {sync: glob} = require('glob');
const {Logger, LogLevel, colorEmojiConfig} = require('plop-logger');

Logger.config = colorEmojiConfig;
const logger = Logger.getLogger('icons');
logger.level = LogLevel.All;

let svgFiles = `src/icons/*.svg`;
logger.info('SVG aggregation of', svgFiles);

const data = glob(svgFiles)
  .map(file => {
      const parts = file.split('/');
      const id = parts[parts.length - 1].split('.')[0];
      logger.debug('handle', id);
      return readFileSync(file, 'utf8')
        .replace(`<svg xmlns="http://www.w3.org/2000/svg"`, `\t<symbol id="${id}"`)
        .replace(`</svg>`, `\t</symbol>`);
    }
  );

const svg = `<svg xmlns="http://www.w3.org/2000/svg" width="0" height="0" class="visually-hidden">
  ${data.join('\n')}
</svg>`;

const file = 'static/icons.svg';
logger.info('Generate', file);
writeFileSync(file, svg, {flag: 'w'});