ДД.
Вот и дали добро полностью мигрировать на новый ES, давно изучал этот вопрос, были тесты, но уже многое забыто и много что обновилось, поэтому решил уточнить.
Используется связка:
1. Bootstrap 4.1
"browserslist": [
"last 1 major version",
">= 1%",
"Chrome >= 45",
"Firefox >= 38",
"Edge >= 12",
"Explorer >= 10",
"iOS >= 9",
"Safari >= 9",
"Android >= 4.4",
"Opera >= 30"
]
2. Vue.JS
Vue does not support IE8 and below, because it uses ECMAScript 5 features that are un-shimmable in IE8.
Выходит минимум
IE10.
Дальше
https://kangax.github.io/compat-table/es6/ нам говорит, что без полифилл можно юзать ES6, но минус
IE11
И вот первый вопрос: если нет планов поддерживать IE11, то есть смысл использовать babel и все такое? Как тогда должно все работать? просто подключить ./index.js или все js-файлы нужно подключить перед ./index.js? Как работает
import в таких условиях? Как правильно все
склеить и
минифицировать через gulp?
- - - - - -
Дальше вроде все работает, но приходит задача в новом проекте добавить все же IE11 и ниже, для этого естественно нужно будет babel, есть ли смысл собирать для всех браузеров? или можно как-то условия сделать
<!--[if lt IE11]> чтоб подключить babel вариант только для IE? может хватит просто подключения babel-polyfill.js к страницам если IE?
Цель: максимум юзать нативный ES6 браузеров и только для IE делать исключения, которые завтра можно будет отключить
- - - - - -
По статьям понял что ES6 больше юзают с webpack, но в данный момент сильно привязаны к gulp (gulp-ssh, gulp-ftp и т.д.), есть смысл переезда на webpack? или можно как-то часть задач через gulp передать webpack? может просто стоит остаться на gulp?
