Как использовать postcss/autoprefixer в angular

Я прочитал вопрос #1521.

о том, как использовать postcss/autoprefixer, я до сих пор не знаю.

Я просто npm install autoprefixer --save-dev Это правильный способ сделать это?

Я также прочитал документы postcss/autoprefixer, но до сих пор не понимаю, как это сделать.

Пожалуйста, помогите, спасибо

Обновить При использовании SCSS скрипт запускается

postcss --parser postcss-scss -u autoprefixer --autoprefixer.browsers \"last 2 versions\" -r src/**/*.scss

angular autoprefixer
person teebo    schedule 06.01.2018    source источник

Ответы (1)


arrow_upward
3
arrow_downward

Я установил *автопрефиксер postcss postcss-cli в качестве зависимостей разработчика.

npm install --save-dev postcss postcss-cli autoprefixer

А затем создайте npm-скрипт в файле package.json для запуска postcss cli и автоматического префикса, например:

"script": {
  ...
   "prefixcss": "postcss -u autoprefixer --autoprefixer.browsers 'last 2 versions' -r src/**/*.css",
  ...
}

А затем запустил скрипт, прежде чем я перестроил

 npm run prefixcss
person teebo    schedule 07.01.2018
comment
привет, Тибо, я тоже искал это решение и нашел только ваш ответ, достаточно понятный для реализации, но когда я запустил npm run prefixcss, я получил › [email protected] prefixcss C:\PROJECTS\cross\weblisting › postcss -u autoprefixer -- autoprefixer.browsers 'последние 2 версии' -r src/**/*.scss Ошибка типа: шаблоны должны быть строкой или массивом строк npm ERR! код ELIFECYCLE npm ERR! errno 1 н/мин ОШИБКА! [email protected] prefixcss: postcss -u autoprefixer --autoprefixer.browsers 'last 2 versions' -r src/**/*.scss npm ОШИБКА! Выход из состояния 1 - person Alwaysalearner; 01.08.2018
comment
@Simer, ты работаешь над Windows? Если это так, попробуйте следующее: postcss -u autoprefixer --autoprefixer.browsers \последние 2 версии\ -r src/**/*.css - person teebo; 01.08.2018
comment
Если да, попробуйте: postcss -u autoprefixer --autoprefixer.browsers \последние 2 версии\ -r src/**/*.css - person teebo; 01.08.2018
comment
Спасибо Тибо. Да, я использую Windows. Я попробую это решение, когда доберусь до своего рабочего места завтра. Будет ли это работать, если у меня есть файл scss вместо css? на самом деле я использую angular 5 и хочу увидеть эффект автопрефиксера для браузера IE. Поскольку я использовал макеты flexbox и grid. Но я сегодня проверил, что автопрефикс уже работает в моем проекте, и префиксы не решают проблему. Вы когда-нибудь сталкивались с такой проблемой для кросс-браузерного css? Спасибо за ваше время. :) - person Alwaysalearner; 01.08.2018
comment
@Simer, если ваши файлы в формате scss, вам нужно установить postcss-scss npm install --save-dev postcss-scss. Да, я сталкивался с такой проблемой, я обычно захожу на сайт MS и ищу, вот ссылка: developer.microsoft.com/en-us/microsoft-edge/platform/issues/ выполните поиск по ключевым словам для вашей проблемы, а также попробуйте найти решения здесь, в SO и на других сайтах, также выполните поиск здесь: developer.mozilla.org/en-US/docs/Web/CSS/ - person teebo; 01.08.2018