Nuxt3中修改nuxt.config.ts内localIdentName不生效问题求助

场景1：使用Vite作为构建工具（Nuxt3默认） #

Vite环境下webpack配置项不生效，需在nuxt.config.ts中配置Vite的css.modules选项：

export default defineNuxtConfig({
  vite: {
    css: {
      modules: {
        generateScopedName: "[local]_[hash:base64:15]"
      }
    }
  }
})

场景2：强制使用Webpack作为构建工具 #

若使用Webpack，需调整配置写法，通过css.loaderOptions.css设置：

export default defineNuxtConfig({
  css: {
    loaderOptions: {
      css: {
        modules: {
          localIdentName: "[local]_[hash:base64:15]"
        }
      }
    }
  },
  // 未指定构建工具时，需添加此配置切换为Webpack
  builder: 'webpack'
})

注意事项 #

• 修改配置后必须重启Nuxt服务，热更新无法加载新配置
• 确保样式文件为CSS Modules格式（文件名以.module.css/.module.scss等结尾）

内容的提问来源于stack exchange，提问作者khashayar ghajar