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

Question

我正在尝试在Angular2 CLI项目中使用grid 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）输出角度应用程序的webpack配置并进行修改。