refactor: add more params for better scalability

[yes1am]

docz issue: doczjs/docz#1382

Thank you very much for your gatsby-plugin-svgr

I'm using docz and found that the current configuration doesn't support .mdx files, So I rewrote part of the code to support docz.

the default params is:

module.exports = {
  plugins: [
    {
      resolve: 'gatsby-plugin-svgr',
      options: {
        nonJsIssuerTest: /\.(?!(js|jsx|ts|tsx)$)([^.]+$)/,
        svgrIssuerTest: /\.(js|jsx|ts|tsx)$/,
        preGatsbyConfigTest: /\.(ico|svg|jpg|jpeg|png|gif|webp|avif)(\?.*)?$/,
        curGatsbyConfigTest: /\.(ico|jpg|jpeg|png|gif|webp|avif)(\?.*)?$/
      },
    },
  ],
}

I think the default params is compatible with both Gatsby < 2.3.0 and Gatsby ≥ 2.3.0 , because ico|svg|jpg|jpeg|png|gif|webp|avif includes ico|jpg|jpeg|png|gif|webp，but not very sure.

The following parameters make it possible to work properly in docz:

module.exports = {
  plugins: [
    {
      resolve: 'gatsby-plugin-svgr',
      options: {
        nonJsIssuerTest: /\.(?!(js|jsx|ts|tsx|mdx)$)([^.]+$)/,
        svgrIssuerTest: /\.(js|jsx|ts|tsx|mdx)$/,
      },
    },
  ],
}

Also, If gatsby's rule.test changes later, we can adjust the params to support.

If this Pull Request is passed, maybe we should also update the README, my English is not very good, I hope you can help to update it.

[oddui]

Hello, @coreyward is there any chance to get this merged? It'll be good to be able to import svg components in mdx.

[coreyward]

@yes1am I like the more flexible approach of making the tests configurable, but the option names are pretty confusing. If you can refactor to make it clearer what's going on and add some documentation I think we can get this merged. It may also be worthwhile to look at #51 for Gatsby v3 support.

[yes1am]

Hi @coreyward, after check the #51, I've tried to refactor the code and add the relevant documentation. Since my English is not very professional, maybe you need to spend some effort to help revise, thanks.