Обернуть длинную буквенную строку шаблона в многострочное, не создавая новую строку в строке

В шаблонных литералах es6 как можно обернуть длинный шаблонный литерал в многострочный, не создавая новую строку в строке?

Например, если вы делаете это:

const text = `a very long string that just continues
and continues and continues`

Затем он создаст символ новой строки для строки, интерпретируя его как новую строку. Как можно обернуть длинный литерал шаблона в несколько строк без создания новой строки?

Если вы введете продолжение строки ( \) в точке новой строки в литерале, это не создаст новую строку на выходе:

const text = `a very long string that just continues\
and continues and continues`;
console.log(text); // a very long string that just continuesand continues and continues

Это старый. Но это подошло. Если вы оставите какие-либо пробелы в редакторе, он поместит их туда.

if
  const text = `a very long string that just continues\
  and continues and continues`;

просто сделай нормальный + символ

if
  const text = `a very long string that just continues` +
  `and continues and continues`;

Вы можете просто съесть разрывы строк внутри литерала шаблона.

// Thanks to https://twitter.com/awbjs for introducing me to the idea
// here: https://esdiscuss.org/topic/multiline-template-strings-that-don-t-break-indentation

const printLongLine = continues => {
    const text = `a very long string that just ${continues}${''
                 } and ${continues} and ${continues}`;
    return text;
}
console.log(printLongLine('continues'));

РЕДАКТИРОВАТЬ : я сделал крошечный модуль NPM с этой утилитой. Он работает в Интернете и в Node, и я настоятельно рекомендую использовать его поверх кода, приведенного в ответе ниже, поскольку он гораздо более надежен. Он также позволяет сохранять новые строки в результате, если вы вручную вводите их как \n, и предоставляет функции для случаев, когда вы уже используете шаблонные литеральные теги для чего-то еще: https://github.com/iansan5653/compress-tag

Я знаю, что опаздываю, чтобы ответить здесь, но принятый ответ по-прежнему имеет недостаток, заключающийся в том, что после разрыва строки не разрешается делать отступы, а это означает, что вы все равно не можете написать очень красивый код, просто выходя из перевода строки.

Вместо этого, почему бы не использовать теговую функцию литерала шаблона ?

function noWhiteSpace(strings, ...placeholders) {
  // Build the string as normal, combining all the strings and placeholders:
  let withSpace = strings.reduce((result, string, i) => (result + placeholders[i - 1] + string));
  let withoutSpace = withSpace.replace(/\s\s+/g, ' ');
  return withoutSpace;
}

Затем вы можете просто пометить любой шаблонный литерал, в котором вы хотите иметь разрывы строк:

let myString = noWhiteSpace`This is a really long string, that needs to wrap over
    several lines. With a normal template literal you can't do that, but you can 
    use a template literal tag to allow line breaks and indents.`;

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

Другим вариантом является использование Array.join, например, так:

[
    'This is a very long string. ',
    'It just keeps going ',
    'and going ',
    'and going ',
    'and going ',
    'and going ',
    'and going ',
    'and going',
].join('')

Используйте старое и новое. Шаблонные литералы хороши, но если вы хотите избежать длинных литералов, чтобы иметь компактные строки кода, объедините их, и ESLint не вызовет суеты.

const text = `a very long string that just continues`
  +` and continues and continues`;
console.log(text);

Подобно ответу Дуга, это принимается моим конфигом TSLint и остается неизменным моим автоформатером IntelliJ:

const text = `a very long string that just ${
  continues
} and ${continues} and ${continues}`

Решение, предложенное @CodingIntrigue, не работает для меня на узле 7. Что ж, оно работает, если я не использую продолжение строки в первой строке, иначе не получается.

Возможно, это не лучшее решение, но оно работает без проблем:

(`
    border:1px solid blue;
    border-radius:10px;
    padding: 14px 25px;
    text-decoration:none;
    display: inline-block;
    text-align: center;`).replace(/\n/g,'').trim();