如何更改 Angular CLI 项目中的 Autoprefixer 选项？

Question

我正在尝试在我的 Angular2 CLI 项目中使用网格 css，但是我收到以下消息：

autoprefixer: IE supports only grid-row with / and span. You should add grid: false option to Autoprefixer and use some JS grid polyfill for full spec support

我查看了 https://github.com/postcss/autoprefixer，它解释了如何在 gulp 文件中设置此选项，但是我不确定我可以在 Angular 项目的哪个位置配置它。

Answer 1

目前无法在 angular-cli 1.0 (issue comment) 中将选项传递给 autoprefixer。

有两种方法可以解决这个问题。

您可以有选择地禁用单个规则的内部前缀：

.grid-row {    
  /* autoprefixer: off */
  grid-row-start: 1;
  grid-row-end: 2;
  // ... other IE-incompatible configuration
}

您还可以使用 ng eject (docs) 输出 angular 应用程序的 webpack 配置并修改它。