Почему browserslist выдает ошибку?

Question

[RedSmoke_smr]

Здравствуйте!
Подскажите пожалуйста, суть проблемы такова:
Я около 3 недель назад со сборкой gulp у меня все было отлично, она отлично собиралась и не было ни каких проблем. Спустя 3 недели я продолжил работу над проектом и при вводе в консоле gulp у меня начало выдавать ошибку, сама сборка собирается, но из за ошибки не происходит обновления сборки.
Код ошибки из консоли прикладываю!
Помогите пожалуйста разобраться с данной проблемой, в этой сфере я, увы, новичок и только учусь.

Answer 1

[Aleksey Solovyev]

Что Вас смущает в тексте ошибки? Есть даже ссылка, в которой можно найти причины и способы решения данной проблемы.

Есть 3 способа:
1. Изменить в autoprefixer опцию browsers на overrideBrowserslist

autoprefixer({
  overrideBrowserslist: ['last 4 versions'], 
  cascade: false
}),

2. Удалить в autoprefixed опцию browsers. Добавить в package.json ключ browerslist:

"browserslist": [
    "last 4 versions"
  ]

3. Удалить в autoprefixed опцию browsers. Создать в корне проекта файл ".browserslistrc". В нем указать:

last 4 versions

1 спосбо лучше не использовать

Comments

[Сергей]

Почему 1 способ лучше не использовать?
И почему этот пакет требует к себе так много внимания, записываясь аж в package.json или создание целого файла для него?

[Кирилл Романов]

Потому что это общая конфигурация, используемая многими другими инструментами и библиотеками

[Aleksey Solovyev]

Сергей, это не ошибка, а предупреждение:

Autoprefixer "browsers" option is deprecated in v9, produces warnings

Вы можете и дальше использовать свой конфиг. Работать будет как и прежде.

Но:
1. Использование опиции browsers может привести(в редких случаях) к ошибки в работе
2. Данную опцию используют и другие инструменты:

• Autoprefixer
  
• Babel
  
• postcss-preset-env
  
• eslint-plugin-compat
  
• stylelint-no-unsupported-browser-features
  
• postcss-normalize
  
• obsolete-webpack-plugin
  

Будет логично вынести конфиг в отдельный файл, чтобы Все могли его использовать.

почему этот пакет требует к себе так много внимания, записываясь аж в package.json

If you want to reduce config files in project root, you can specify browsers in package.json with browserslist key

Чтобы не создавать еще 1 файл отдельный в корне, поддерживать проект в чистоте. Опять же - опционально

ps сли Вам интересно, то вот тут Chris Coyier делится своими мыслями по этому вопросу