css - PostCSS Autoprefixer 不适用于命令行

Question

现在，我目前正在一个元素中工作，在该元素中我必须支持 ie10 的 flexbox，我正在尝试通过终端独立地自动添加一些 CSS 代码。

该元素不支持任何构建工具，如 gulp 或 webpack。

所以我安装了 postcss 和 autoprefixer 如下:

npm install -g postcss autoprefixer

然后我尝试像这样自动添加单个文件:

npx postcss --use autoprefixer --autoprefixer.flexbox --autoprefix.browser "> 0%" -o main.css test.css

它适用于我的大部分代码，但它不包含 ie10 中 flexbox 的任何前缀。

难道我做错了什么？

Answer 1

您正在调用的 cli 命令用于 postcss-cli-simple不适用于 postcss 本身或 postcss-cli

要使用您的命令，您必须安装此软件包

npm install postcss-cli-simple autoprefixer

然后可以使用这个命令

./node_modules/.bin/postcss --use autoprefixer --autoprefixer.browsers "ie 10" -o main.css test.pcss

此命令将转换为:

body {
  display: flex;
  flex: 1 0 calc(1vw - 1px);
}

成这个

body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 0 calc(1vw - 1px);
      flex: 1 0 calc(1vw - 1px);
}