Parcle Bundle不为掩码属性添加前缀

编程问答 2022-06-10

问题描述

我正在为项目使用Parcel bundler（v1.12.4）。现在，我遇到一个问题，即所有CSS mask-*属性都没有前缀-webkit。

有以下配置文件：

  1. .browserslistrc 
>1%
last 4 versions
Firefox ESR
ie >= 11
  1. .postcssrs 
{
  "modules": true,"plugins": {
    "autoprefixer": {
      "grid": true
    }
  }
}
  1. SCSS 
.event {
  &__icon {
    mask-size: cover;
    &--sprint {
      mask-image: url(../assets/run-fast.svg);
    }
  }
}

当我检查https://caniuse.com/?search=mask-size时，我希望编译后的CSS文件包含一些以-webkit-mask-*开头的属性。但是没有前缀。其他一些属性的前缀为-webkit-appearance。

浏览器列表是否错误，我是否会误读CANIUSE或自动前缀修复器甚至有错误？

解决方法

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

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

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

autoprefixerparceljs