Example of using custom index.js template

[kelly-tock]

💬 Questions and Help

SVGR project is young, but please before asking your question:

• Read carefully the README of the project
• Search if your answer has already been answered in old issues

After you can submit your question and we will be happy to help you!

I see there is an option to use a custom index.js template, but reading through the code, i'm not quite sure how to do that with the CLI. The code looks like it will call it as a function, do I need to use a svgr.config.js in order to do this instead of cli options?

[TrySound]

Both config and cli option are supported
https://github.com/gregberge/svgr/blob/master/packages/cli/src/index.test.js#L179-L199

[kelly-tock]

Awesome this is exactly what I was looking for. Thanks!

[kelly-tock]

I wonder if the docs should link to the tests as examples at a minimum for the options.

[kelly-tock]

hmmm, it's not working for me.

const path = require('path');

function indexTemplate(files) {
  const exportEntries = files.map((file) => {
    console.log(file);
    const basename = path.basename(file, path.extname(file));
    const exportName = /^\d/.test(basename) ? `Svg${basename}` : basename;
    return `export { default as ${exportName} } from './${basename}';`;
  });
  return exportEntries.join('\n');
}

module.exports = indexTemplate;

i'm just trying to add a semicolon to the end of the exports 😢

script in package.json:

"icons": "npx svgr --ext "tsx" --template ./materialsvgrtemplate.tsx --index-template ./indextemplate.ts --out-dir dashboard/src/js/ui/icons --icon --replace-attr-values "#506482=currentColor" dashboard/src/custom-material-icons",

[kelly-tock]

my bad, my cli was out of date by just a tiny bit!

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.