browserslist section package.json added

[Zobakka]

Теория:

Browserslist служит для конфигурации совместного использования целевых браузеров и версий Node.js между различными инструментами фронтенда, таких как:

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

Все инструменты найдут целевые браузеры автоматически, после:

1. добавления следующих строк в файл package.json:

"browserslist": [
    "last 3 version",
    "> 1%",
    "maintained node versions",
    "not dead"
  ]

2. или в конфиге .browserslistrc:

# Browsers that we support

last 3 version
> 1%
maintained node versions
not dead

Browserslist будет использовать браузеры и версии Node.js опрашивая эти источники:

1. ключ browserslist в package.json в текущем или родительском каталоге (рекомендуемый способ).
2. файл конфигурации .browserslistrc в текущем или родительском каталоге.
3. файл конфигурации browserslist в текущем или родительском каталоге.
4. переменную среды BROWSERSLIST.
5. Если вышеуказанные методы не дали результата, Browserslist будет использовать значения по умолчанию: > 0.5%, last 2 versions, Firefox ESR, not dead.

подробнее здесь

Дополнение: плагин Autoprefixer позволяет перезаписать ключ browserslistв package.json добавлением опции overrideBrowserslist (но это не рекомендуется).

Изменения:

1. добавлен ключ browserslist в package.json.
2. изменен файл gulp/tasks/styles.js - Autoprefixer тасков build и build-min не имеет опций и потому использует общую конфигурацию package.json, а таска dev свою опцию overrideBrowserslist.