A nova sintaxe do modelo javascript é ótima. Super legível e poderoso. Eu gostaria de começar a usá-lo.

Eu tentei este modelo:

function addGalleryItem(imageData, file) { 
    try {
        var template = `
            <section class="imageGalleryItem">
                <img src="${imageData}"/>
                <div class="itemTools" id="${file.name}">
                    <input type="text" class="description" name="description" placeholder="Description"/> <br />
                    <input type="button" name="mainImage" value="Main Image" onclick="makeMain(this)"/>
                    <input type="button" name="remove" value="Remove" onclick="removeImage(this)"/>
                </div>
            </section>
        `;
    } catch { 
        var template = '<section class="imageGalleryItem">' +
            '   <img src="' + imageData + '" />' +
            '   <div class="itemTools" id="' + file.name + '">' +
            '       <input type="text" class="description" name="description" placeholder="Description"/>'+
            '       <br />' +
            '       <input type="button" name="mainImage" value="Main Image" onclick="makeMain(this)"/>' +
            '       <input type="button" name="remove" value="Remove" onclick="removeImage(this)"/>' +
            '   </div>' +
            '</section> ';
    }

    $('#imageGallery').append(template);

}

Mas o querido IE grita sobre um erro de sintaxe por causa dos backticks (`).Artigo do MSDN sobre o assunto mostra a grandiosidade do Edge e não menciona o que fazer pelo IE.

Existe uma maneira de usar a nova sintaxe de modelo diretamente para uso em produção hoje? Ou estamos presos a transpilar?