When import file path contains CJK characters and dash will cause SyntaxError

[tychenjiajun]

🐛 Bug Report

import { ReactComponent as 图标 } from '@root/images/icons/图标-圆形.svg?component';

will cause

SyntaxError: unknown: Missing initializer in const declaration. (8:9)

   6 | }
   7 |
>  8 | const Svg- = ({

To Reproduce

Steps to reproduce the behavior:

Use the following webpack config

                test: /\.svg$/i,
                resourceQuery: /component/, // *.svg?component
                issuer: /\.[jt]sx?$/,
                use: [
                    {
                        loader: require.resolve('@svgr/webpack'),
                        options: {
                            titleProp: true,
                            typescript: true,
                            exportType: 'named',
                            svgo: true,
                            svgoConfig: require('../../svgo.webpack'),
                        },
                    },
                ]

and import some svg somewhere

import { ReactComponent as 图标 } from '@root/images/icons/图标-圆形.svg?component';

Expected behavior

No error.

Addtional info

This is actually a bug of camelcase. See sindresorhus/camelcase#98 sindresorhus/camelcase#99 will fix it.

[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.

[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.