Come interrompere le istruzioni di importazione lunghe in più righe in ES6?

Question

Ho una dichiarazione piuttosto lunga di importazione nel mio file JavaScript (ES6):

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

è ok per aggiungere nuove linee come questo?

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

In caso contrario, c'è qualche altro modo per scrivere pulito (mantenendo il mio codice nel raggio di 80 colonne) istruzioni di importazione nella sintassi ES6 usando Babel?

Answer 1

Ecco i risultati del mio test utilizzando ESLint.

ESLINT PASSATO

import fs 
from 'fs'; 

ESLINT PASSATO

import 
fs 
from 
'fs'; 

ESLINT PASSATO

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

E l'abov Il codice viene eseguito correttamente. Penso che tu sia bello andare!

NOTA: è stato utilizzato questo .eslintrc.

Answer 2

Sì, la specifica ES6 non consente spazi bianchi - che includono newline - tra ogni token (se non diversamente specificato). Inserimento automatico e virgola non pasticcio con voi all'interno di dichiarazioni di importazione o, così sei libero di fare

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

o tutto ciò che è meno estrema e più frastagliata :-)