Jak przełamać długie instrukcje importowania do wielu linii w ES6?

Question

mam dość długie oświadczenie import pliku w moim JavaScript (ES6):

import { A, B, C, D } from '../path/to/my/module/in/very/far/directory/' 

Czy można dodać nowe linie w ten sposób?

import { A, B, C, D } from 
'../path/to/my/module/in/very/far/directory' 

Jeśli nie, czy jest jakiś inny sposób, żeby napisać czysty (utrzymanie mój kod ciągu 80 kolumn) oświadczenia przywozowe w składni ES6 wykorzystujące Babel?

Answer 1

Oto wyniki z mojego testu z użyciem ESLint.

ESLINT PASSED

import fs 
from 'fs'; 

ESLINT PASSED

import 
fs 
from 
'fs'; 

ESLINT PASSED

import { 
    moduleName 
} from './my/module/file'; 

a Abov Kod e wykonuje się dobrze. Myślę, że możesz iść!

UWAGA: Ten .eslintrc został użyty.

Answer 2

Tak, specyfikacja ES6 zezwala na odstępy - co obejmuje znaki nowego wiersza - między każdym tokenem (o ile nie ograniczono inaczej). Automatycznego wstawiania średnik nie będzie bałagan z wami wewnątrz deklaracji przywozowych albo, więc jesteś wolny, aby zrobić

import 
{ 
A 
, 
B 
, 
C 
, 
D 
} 
from 
'../path/to/my/module/in/very/far/directory/' 
; 

lub niczego, co jest mniej ekstremalnych i lepiej wcięte :-)