如何忽略/抑制Parcel关于CSS新特性@property的报错？

方法1：用PostCSS支持@property特性 #

Parcel默认集成PostCSS，可通过项目根目录的配置文件引入postcss-preset-env，让Parcel识别并处理@property这类新CSS特性，同时消除报错：

1. 安装依赖：

npm install postcss-preset-env --save-dev

2. 创建postcss.config.js文件，添加配置：

module.exports = {
  plugins: [
    require('postcss-preset-env')({
      features: {
        'custom-properties': true,
        'custom-property-syntax': true
      }
    })
  ]
};

方法2：直接忽略未知CSS规则 #

若无需转译特性，仅需抑制报错，可在PostCSS配置中启用忽略未知规则的选项：

创建postcss.config.js文件，添加：

module.exports = {
  ignoreUnknownAtRules: true
};

注意：此方法仅抑制报错，不会对@property做兼容性转译，不支持该特性的浏览器（如旧版Firefox）仍无法识别，需根据项目兼容性需求选择方案。

内容的提问来源于stack exchange，提问作者jezmck