创建React App CSS autoprefixer破解Safari

Question

来自create-react-app的自述文件@ https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md

.App {
  display: flex;
  flex-direction: row;
  align-items: center;
}

成为

.App {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

实际上，在运行纱线构建后，它变为：

.App {
  display:-ms-flexbox;
  display:flex;
  -ms-flex-direction:row;
  flex-direction:row;
  -ms-flex-align:center;
  align-items:center
}

我相信这个缺失-webkit-会破坏我在Safari中的网站。有谁知道如何防止这种情况或者我是否做错了什么？谢谢。