忽略没有值的样式声明是SCSS

Question

在我的scss文件中，我正在导入第三方css文件

  @import 'icons/third-party-icons/style';

不幸的是，该样式缺少颜色样式的值

.mySelector {
  content: "\eac2";
  margin-left: -1em;
  color: ;
}

按预期，node-sass抛出以下错误：

  

ModuleBuildError：模块构建失败（来自   ./node_modules/sass-loader/lib/loader.js）：

     

颜色：;         ^         样式声明必须包含一个值

有什么方法可以配置node-sass来忽略此无效属性？

Answer 1

我认为错误报告的存在是有原因的，您不应有空的定义，因为从技术上讲这是一个错误。在未缩小的CSS中，不会有问题，它只会在浏览器的元素检查器中显示为删除线，但在这种情况下，您会中断缩小过程。

Answer 2

如果可能的话，您可以下载CSS代码并将其保存在本地项目中，而不是导入它，然后手动解决问题。以后在CSS文件中执行什么操作都没有关系，将出现错误。否则，您可以尝试在标题中链接CSS。如果您使用的是PHP或类似的服务器端脚本，则创建一个单独的header.php（例如）并将其包含在每个文件中。这样，您将需要复制并粘贴一次链接，并且可以访问每个页面的样式。

Answer 3

您可以覆盖导入的CSS。该代码希望使用值，但不能使用，因为它为null。

您可以在样式标签中添加

：

.mySelector {
    color: black !important;
}

！important将覆盖从样式表导入的所有内容，并且您在正文中的类将使用该颜色，而不是尝试使用null颜色。