Как быть с устройствами, которые не поддерживают ES5?

Question

[Дмитрий Ларин]

В общем была сделана SPA по заказу на vuejs. Все замечательно работает, пока... пока не получили претензию что на телефоне клиента клиента(пользователь. что зашел на SPA) ничего не работает. После небольшого расследования выяснилось что страницу посетили с iphone4. Там стоит ios 9, сафари которого не поддерживает es5. Как быть с такими пользователями? Переделывать все на es3? Пока vue привет jQuery? Делать отдельную страницу для таких пользователей? Показывать окошко с просьбой чтобы обновили ios/скачали chrome? Как правильно обрабатывать такие ситуации?

Answer 1

[Владимир]

1) Можно бабелем компилить код в es3
2) Можно использовать полифил https://babeljs.io/docs/usage/polyfill/
https://polyfill.io/v2/docs/
3) Грузить полифил можно только тем устройствам, которые не поддерживают es6
https://philipwalton.com/articles/loading-polyfill...

Answer 2

[Roman K]

Vue активно юзает defineProperty, а это ES5. Скомпилить под ES3 не получится. Если в ТЗ не было оговорено, на каких браузерах клиент хочет, чтобы ваше SPA работало — это проблемы клиента. Для таких обычно вешается баннер о том, что их браузер хоть и молодец, что пережил мезозой, но пора бы уже обновиться.

А если смотреть со стороны заказчика, то дропать поддержку надо сравнив стоимость поддержки ES3 и сколько клиенты сервиса, у которых только ES3, приносят денег

Comments

[Владимир]

Не сильно знаком с VUE. Можно подробнее почему Vue не получится скомпилить тем же бабелем в ES3 ?

[Дмитрий Ларин]

тз в виде переписки в чатике и пара макетов. Чтобы не летело в меня камней по поводу "без тз не работать и тд" - я всего лишь программист в конторе, которая взяла этот проект.

[Дмитрий Ларин]

let. вот жеж блин.

[Александр Виноградов]

Дмитрий Ларин, я тоже столкнулся с этим let.
Так что вы решили?
Ещё стоит проблема с использованием css grid.
Так не хочется лепить кучу костылей из за старых браузеров.
Почему в том же ios9 только что скаченный браузер является старым не поддерживающий es6?

[Дмитрий Ларин]

Александр Виноградов, настроил webpack. Он весь код из es6 перегоняет в es5. Заменяет let на var. А вот с гридом не сталкивался - не подскажу.

[Александр Виноградов]

Дмитрий Ларин, зачем так сложно с webpack? Нельзя в блокноте автозамену let на var сделать?

[Дмитрий Ларин]

Александр Виноградов, я сначала тоже думал - а зачем так сложно. А сейчас - как я раньше жил без вебпака? Собрать все в один файлик, перегнать под нужный стандарт. минифицировать, да еще все налету. И это лишь малая часть его возможностей