问使用类型记录响应CSS模块的导入

EN

我想在我的react应用程序中使用css模块。我安装了‘类型为css-模块-加载程序’的nuget包，并在webpack.config.js中进行了如下配置

test: /\.css$/,
use: [
    'style-loader',
    '@teamsupercell/typings-for-css-modules-loader',
    {
        loader: "css-loader",
        options: {
            modules: true,
        }
    }
]

生成文件styles.css.d.ts，如下所示：

export interface IStylesCss {
  x: string;
}

export const locals: IStylesCss;
export default locals;

我使用的是可怕的类型记录加载程序，它在webpack.config.js中配置如下：

{
    test: /\.tsx?$/,
    use:
    {
        loader: "awesome-typescript-loader"
    }
},

下面是一个问题描述：

如果我使用import * as styles from './styles.css'; + className={styles.x}由于编译错误而不能工作‘属性'x’不存在于类型.‘

className={styles.default.x}也不能工作，因为默认值是未定义的。

默认导入import styles from './styles.css'; + className={styles.x}不能工作，同样，缺省值是未定义的。

import * as styles from './styles.css'; + className={(styles as any).x} 正在工作，但I的打字能力很强，在我看来并不是正确的解决方案。