如何在角度cli中使用PostCSS

Question

我正在使用angular 4开始一个新项目，我希望与PostCss集成以使用模块，例如：Autoprefixer，CSSNext和其他模块。我在很多地方搜索过但仍无法找到解决方案。任何帮助赞赏！非常感谢提前。

...问候

Answer 1

你可以这样试试https://github.com/angular/angular-cli/issues/1512#issuecomment-254262959 但我需要说出我以前没用过的东西。

如果您不使用CLI，那么可以尝试在webpack配置中设置选项，以便从scss中构建css代码。只需对您的样式文件使用require（）即可。在此处阅读更多内容（在通知栏中）https://angular.io/docs/ts/latest/guide/component-styles.html#!#style-urls-in-metadata

Answer 2

我建议使用Angular CLI，因为感谢Autoprefixer，它提供了Browserslist。

只需将您的配置添加到package.json中，

    "browserslist": [
      "> 1%",
      "last 2 versions"
    ]

有关更多信息，请参见官方文档：Configuring browser compatibility。