问题标签 [cssnano]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
css - Angular 11/CSS 缩小：如何防止在 css 缩小期间将 rgba 转换为 8 位十六进制代码以支持旧版 chrome
我们有一个使用 Angular 11（cli V11.2.14）和 Asp.net 核心开发的 Web 应用程序，运行良好，现在需要在 chrome 旧版本（浏览器版本 60）中得到支持。我遇到了主要与具有颜色和不透明度的元素相关的 CSS 问题，例如。下面的 box-shadow 不起作用。
在角度 css 缩小过程中发现（angular.json 中的默认设置 optimization=true），rgba 被转换为 8 位十六进制代码。这适用于最新版本的 chrome（72 及更高版本）。但是像 chrome 60 这样的旧版本不支持 8 位十六进制代码，因此我没有看到 css 生效。目前我只能通过不使用 angular.json 中的以下设置来缩小样式来解决此问题。
我正在尝试查看是否有一种方法可以防止将 rgba 转换为 8 位十六进制代码，而不必禁用 css 缩小。尝试在 styles.scss 中使用变量，如下所示，但缩小过程仍将 rgba 转换为 8 位十六进制。
遇到在这里发布的类似问题https://github.com/angular/angular-cli/issues/20869说 css nano 团队必须解决这个问题。不确定当前在 angular cli 中是否有任何解决方法。
npm - 在我的 package.json 中使用 cssnano 脚本时权限被拒绝
我这样做不对吗？是否有关于编写 package.json 脚本的文档？或者你能告诉我我做错了什么吗？