如何禁用 Next.js 生产版本将我的 rgba 颜色转换为 hsla

Question

我写 CSS 来显示这样的网格模式：

background-image {
 repeating-linear-gradient( 0deg, rgba(255, 255, 255, 0.43) 0px 1px, transparent 1px 20px ), 
 repeating-linear-gradient( 90deg, rgba(255, 255, 255, 0.43) 0px 1px, transparent 1px 20px )
}

但在 Next.js 上进行生产构建后，它被替换为：

background-image {
 repeating-linear-gradient(0deg,hsla(0,0%,100%,.43) 1px,transparent 1px 20px),
 repeating-linear-gradient(90deg,hsla(0,0%,100%,.43) 1px,transparent 1px 20px)
}

而且页面上没有显示网格图案。

是否有任何解决方案来禁用此转换？

Answer 1

解决了将渐变语法的 deg 更改为 to 的问题。仍然使用 hsla，但结果相同。

background-image: repeating-linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0.43) 0px 1px,
      transparent 1px 20px
    ),
    repeating-linear-gradient(
      to left,
      rgba(255, 255, 255, 0.43) 0px 1px,
      transparent 1px 20px
    );

如何禁用 Next.js 生产版本将我的 rgba 颜色转换为 hsla

How to disabled Next.js production build converted my rgba color to hsla

css

rgba

next.js