Цикл и возврат HTML в Javascript (литералы шаблона)

Question

Я создаю модуль чата.Все сделано, но я использую слишком современный код для IE10 / IE11, и мне нужна эта совместимость ...

Я многое изменил, но я застрял с чем-то легким для вас, парень, я уверен.

Мне нужно вернуться от литерала шаблона к старому.Любая помощь ?Вот моя функция, которую мне нужно изменить: data - это простой массив с объектами в нем: data = [{},{},{}]

function createChatBox(data) {
        return ` <div class="vchat__options">
            ${data.map((info, index) =>
                `${info.action === 'site' ? `<a href="${info.url}" target="_blank" id="vchat__${index}" class="vchat__box">
                <div class="vchat__block">
                    ${info.svg}
                    <p class="vchat__text"><strong class="vchat__headline">${info.headline}</strong>${info.text}</p>
                    <span class="vchat__highlight">${info.highlight}${info.highlight_icono}</span>
                </div>
                </a>` : `<div id="vchat__${info.id}" class="vchat__box ${info.action === 'next' ? 'js-vchatPanel' : 'js-vchatZopim'}">
                <div class="vchat__block">
                    ${info.svg}
                    <p class="vchat__text"><strong class="vchat__headline">${info.headline}</strong>${info.text}</p>
                    <span class="vchat__highlight">${info.highlight}${info.highlight_icono}</span>
                </div>
                </div>`}`
            ).join('')}
        </div>`;
    }

Мне не нужен полный код.Просто любые советы, советы будут классными!Спасибо

Answer 1

Оформить заказ webpack и Babel для передачи нового синтаксиса ES6 JavaScript для совместимости со старыми браузерами.После настройки вы можете указать, какие версии браузера и т. Д. Необходимо поддерживать.

Для просмотра результатов поместите свой пример кода в онлайн-компилятор Babel .