在Next.js中配置postcss模块加载器以转换烤肉串案例类

在Next.js中配置postcss模块加载器以转换烤肉串案例类,next.js,postcss,css-modules,react-css-modules,Next.js,Postcss,Css Modules,React Css Modules,您似乎可以配置webpack的css加载器,将样式表中的类名从kebab case转换为camel case(参见此处) 如何配置Next.js来实现这一点 我尝试过像这样修改webpack配置,但它破坏了应用程序: module.exports = { // Modify webpack config webpack: (config, { buildId, dev, isServer, defaultLoaders, webpack }) => { config.mod

您似乎可以配置webpack的css加载器,将样式表中的类名从kebab case转换为camel case(参见此处)

如何配置Next.js来实现这一点

我尝试过像这样修改webpack配置,但它破坏了应用程序:

module.exports = {
  // Modify webpack config
  webpack: (config, { buildId, dev, isServer, defaultLoaders, webpack }) => {
    config.module.rules.push({
      test: /\.module\.css$/i,
      use: [
        'style-loader',
        {
          loader: 'postcss-loader',
          options: {
            modules: true,
            localsConvention: 'camelCase',
          },
        },
      ],
    })

    return config
  },
}

我认为这是Next.js中的一个实时问题,并且有一个关于它的持续讨论(很长一段时间):

不幸的是,我最近才遇到这个问题,还没有找到任何解决办法