Как исправить ошибку grunt-contrib-uglify «Unexpected character»?

Question

[AlexeyMoshkin]

При билде проекта варнинг:

>> Uglifying source app/chrome/scripts/shared/common.js failed.
Warning: Uglification failed.
Unexpected character ' ` '. 
Line 582 in app/chrome/scripts/shared/common.js
 Use --force to continue.

Строчка, вызвавшая варнинг:

var preloader = `<div id="preload-bar" style="width: 352px; >hello world!</div>`;

Обновление grunt-contrib-uglify не помогло.
Добавление в грунтфайл строки
grunt.file.defaultEncoding = 'utf-8';
тоже не помогло.

Answer 1

[AlexeyMoshkin]

На самом деле нужно сконвертировать ваш es6 код в es5. Это можно сделать добавив grunt-задачи, такие как grunt-es6-transpiler или grunt-babel
И еще по теме es6-tools.

Answer 2

[Денис Инешин]

Это недопустимый вид ковычек. Одинарные вот такие: '
+ у вас пропущена одна двойная кавычка в style

Comments

[AlexeyMoshkin]

То что в style пропужена двойная кавычка - это я просто излишки кода неаккуратно удалил для вопроса.

Почему недопустимый вид? Ведь можно использовать
`hello world ${ 2 + 2 }` //hello world 4
?

[Денис Инешин]

AlexeyMoshkin: это только в ES2015 нативно либо вначале через Babel должно быть конвертировано в старый JS.