SAP Spartacus 6.5启动时postcss-loader的end/flex-end警告如何隐藏？

在使用SAP Spartacus/Composable Storefront 6.5启动项目时，会收到postcss-loader抛出的autoprefixer警告，提示end值浏览器支持性不一致，建议替换为flex-end，具体警告信息如下：

Build at: 2023-10-28T17:39:59.198Z - Hash: 6048ae368e6ccd8f - Time: 39068ms

./src/styles/main.scss - Warning: Module Warning (from ./node_modules/postcss-loader/dist/cjs.js):
Warning

(11328:3) autoprefixer: end value has mixed support, consider using flex-end instead

./src/styles/main.scss - Warning: Module Warning (from ./node_modules/postcss-loader/dist/cjs.js):
Warning

(13030:3) autoprefixer: end value has mixed support, consider using flex-end instead

./src/styles/main.scss - Warning: Module Warning (from ./node_modules/postcss-loader/dist/cjs.js):
Warning

(15228:3) autoprefixer: end value has mixed support, consider using flex-end instead

./src/app/footer/footer-nav/footer-nav.component.scss?ngResource - Warning: Module Warning (from ./node_modules/postcss-loader/dist/cjs.js):
Warning

(8:3) autoprefixer: end value has mixed support, consider using flex-end instead

若无法直接修复这些警告（比如警告来自Spartacus库源码），可以通过以下方式处理：

方法1：精准过滤指定警告（推荐） #

在项目根目录创建或修改postcss.config.js，配置autoprefixer忽略目标警告：

module.exports = {
  plugins: {
    autoprefixer: {
      ignoreWarnings: [/end value has mixed support/]
    }
  }
};

方法2：通过Angular配置调整 #

如果是基于Angular的Spartacus项目，可直接在angular.json的构建配置中添加postcss自定义规则：

"projects": {
  "your-project-name": {
    "architect": {
      "build": {
        "options": {
          // 保留原有配置
          "postcssOptions": {
            "plugins": {
              "autoprefixer": {
                "ignoreWarnings": [/end value has mixed support/]
              }
            }
          }
        }
      }
    }
  }
}

方法3：临时全局隐藏警告（不推荐） #

若需要快速隐藏所有构建警告，可修改package.json中的启动命令，添加--silent参数：

"scripts": {
  "start": "ng serve --silent"
}

注意：此方法会屏蔽所有警告信息，可能错过其他重要提示，仅建议临时应急使用。

内容的提问来源于stack exchange，提问作者Rodrigo Roberto de Almeida