Ciągi szablonów ES6 zapobiegają łamaniu linii

Łamanie linii to łamanie linii... Jeśli produkujesz je ręcznie, uważam, że masz je podczas uruchamiania.

BTW, na razie znajduję trzy obejścia:

1. Skonfiguruj swój IDE lub edytor kodu tak, aby zawijał słowa, aby nie trzeba było dodawać podziałów linii w kodzie, jeśli ich nie potrzebujesz: edytor podzieli kod na dwie lub więcej linii, jeśli każde zdanie kodu wykracza poza skonfigurowane maksymalne znaki.

2. Usuń podziały linii za pomocą String.prototype.replace:

var string = `As all string substitutions in Template Strings are JavaScript
expressions, we can substitute a lot more than variable names.
For example, below we can use expression interpolation to
embed for some readable inline math:`.replace(/\n/gm,"");

Uwaga: tutaj uruchamiasz funkcję runtime do sformatowania kodu buildtime , który może wyglądać jak anty-wzorzec i mieć wpływ na wydajność

1. wykonaj te podziały linii kodu używając konkatenacji:

var string = `As all string substitutions in Template Strings are JavaScript`
              + `expressions, we can substitute a lot more than variable names.`
              + `For example, below we can use expression interpolation to` 
              + `embed for some readable inline math:`;

Jeśli masz ES6, możesz użyć tagów. Na przykład, znacznik stripIndent z biblioteki common-tags :

Zainstaluj przez:

npm install common-tags --save

Require via:

const stripIndent = require('common-tags/lib/stripIndent')

Użyj jako:

stripIndent`
  As all string substitutions in Template Strings are JavaScript
  expressions, we can substitute a lot more than variable names.
  For example, below we can use expression interpolation to
  embed for some readable inline math:        
`

Edit: Jak wspomniano w komentarzach, prawdopodobnie musisz wybrać tag: const oneLine = require('common-tags/lib/oneLine') dla pożądanego wyniku.

Więcej informacji o wyżej wspomnianym linku common-tags oraz na tym blogu

• Albo skonfiguruj IDE do tworzenia okładów i użyj szablonu string 1-liner, jak w pierwszym fragmencie kodu.

• Albo użyj \ znaku przed przerwaniem linii.

  Przykład:

  const string = `1st line\
  2nd line\ 
  3rd line`; 
  

  Ale to nie uchroni Cię przed problemami z wyrównywaniem przestrzeni.

• Albo użyj starej szkoły ES5 konkatenacji z '+'.

  Przykład:

  const string = '1st line' + 
                 '2nd line' + 
                 '3rd line'; 
  

• Albo Użyj hack z szablonem pusty łańcuch var ${''}:

  Przykład:

  const string = `1st line${'' 
                 }2nd line${'' 
                 }3rd line`;
  

Pierwsza droga jest o wiele lepsza, bo:

• mniej symboli (rozmiar)
• no runtime operations (perfomance aspect)

Ja osobiście wolę wygląd łączenia tablicy zamiast:

var string = [
  `As all string substitutions in Template Strings are JavaScript`,
  `expressions, we can substitute a lot more than variable names.`,
  `For example, below we can use expression interpolation to`,
  `embed for some readable inline math:`
].join(' ');

W przypadku akapitów, możesz użyć wyrażenia regularnego \s+, Aby zastąpić białe znaki spacjami pojedynczymi spacjami, aby działały zarówno dla podziałów wierszy, jak i wcięć. Więc, w Twoim przypadku, po prostu dodaj .replace(/\s+/gm, ' ') na końcu.

var string = `As all string substitutions in Template Strings are JavaScript
              expressions, we can substitute a lot more than variable names.
              For example, below we can use expression interpolation to 
              embed for some readable inline math:`.replace(/\s+/gm, ' ');

console.log(string);

W ES6 wolę używać kombinacji dwóch najlepszych odpowiedzi tutaj (\ w połączeniu z .replace()). Korzyści płynące z połączenia funkcji replace ze znakiem escape oznaczają, że możesz utrzymać blokadę kodu konsekwentnie sformatowaną z resztą kodu.

/\s{2}/g jest wyrażeniem regularnym wybierającym dowolne wystąpienie dwóch lub więcej spacji.

const myMessage = `Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis id urna \
    ligula. Suspendisse lobortis ex ut vestibulum venenatis. Donec imperdiet ante odio, \
    nec malesuada diam tristique eget. Lorem ipsum dolor sit amet, consectetur adipiscing \
    elit. Cras in vulputate tellus.`
  .replace(/\s{2,}/g, "");

To wyświetla zwykły, nieprzerwany ciąg.

"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis id urna ligula. Suspendisse lobortis ex ut vestibulum venenatis. Donec imperdiet ante odio, nec malesuada diam tristique eget. Lorem ipsum dolor sit amet, consectetur elit. Cras in vulputate tellus."