将CSS模块与Webpack和Typescript一起使用

Question

我正在尝试将CS​​S模块集成到使用Typescript和Next JS的项目中。到目前为止，这是我的设置：

   module.exports = withCustomBabelConfigFile(
      withTypeScript(withCSS({ 
      cssModules: true,
        babelConfigFile: path.resolve("./babel.config.js"),
        webpack(config, options) {
          config.module.rules.push({
            test: /\.css$/,
            include: path.join(__dirname, 'pages/index.tsx'),
            use: [
              'style-loader',
              {
                loader: 'typings-for-css-modules-loader',
                options: {
                  modules: true,
                  namedExport: true,
                  camelCase: true
                }

              }
            ],
          })
          return config
        }
      }))
    );

我正在尝试使用typings-for-css-modules-loader插件让Webpack为我的CSS自动生成TS类型。

如果我从配置中删除withCSS()函数，则会生成键入内容，但是CSS模块不起作用，因为没有将CSS添加到元素中。但是我将withCSS()保留在配置中，不会生成键入内容，但是CSS模块可以工作。

有人在这种情况下使用过Next JS配置吗？还是知道我在做什么错？

谢谢！