如何在next-js的css-modules中默认`:global`？

问题描述

我在 Next.js 项目中使用 CSS 模块。假设我有一些这样的代码：

// foo.module.(s)css

.foo :global {
   animation-name: bounce;
   // ...
}

我可以在 Next.js 中修改 Webpack 配置，这样我就不需要在每个选择器上指定 :global，这样 animation-name 的值就不会被散列吗？在这种情况下，我希望对 foo 进行哈希处理，而不是对 bounce 进行哈希处理。

我所有的关键帧都在全局样式表文件中定义。我不想确定关键帧的范围，因为我多次使用它们，在这种情况下，确定范围会生成重复的关键帧（只是名称不同）。

对于更好的方法的任何帮助或建议将不胜感激！

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）