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

Question

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

autoprefixer:IE 仅支持带有/和 span 的网格行。您应该向 Autoprefixer 添加 grid: false 选项并使用一些 JS grid polyfill 以获得完整的规范支持

我看了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 配置并修改它。