PostCSS Autoprefixer не работает с командной строкой

Question

Сейчас я работаю в проекте, в котором мне нужно поддерживать flexbox для ie10, я пытаюсь автоматически префиксировать некоторые мои CSS-коды независимо через терминал.

Проект не поддерживаетлюбой инструмент для сборки, такой как gulp или webpack.

Итак, я установил postcss и autoprefixer следующим образом:

npm install -g postcss autoprefixer

, а затем я пытаюсь автоматически префиксировать один файл, например:

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

Он работает для большей части моего кода, но не содержит префикса для flexbox в ie10.

Я что-то не так делаю?

Answer 1

Команда cli, которую вы вызываете, предназначена для postcss-cli-simple , а не для postcss сама или postcss-cli

Toиспользуйте вашу команду, вы должны установить эти пакеты

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);
}