如何在 ES6 中将长导入语句分成多行？

Question

I have a pretty long import statement in my JavaScript (ES6) file:

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

Is it OK to add new lines like this?

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

If not, is there any other way to write clean (keeping my code within 80 columns) import statements in ES6 syntax using Babel?

Answer 1

Here are the results from my test using ESLint .

ESLINT PASSED

import fs
from 'fs';

ESLINT PASSED

import
fs
from 
'fs';

ESLINT PASSED

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

And the above code executes fine. I think you are good to go!

NOTE : This .eslintrc was used.

Answer 2

Yes, the ES6 spec does allow whitespace - which includes newlines - between every token (unless otherwise restricted). Automatic semicolon insertion will not mess with you inside of import declarations either, so you're free to do

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

or anything that is less extreme and better indented :-)

Answer 3

You can use following syntax:

import {
  CanActivate, CanActivateChild, CanDeactivate, CanLoad, Route,
  UrlSegment, ActivatedRouteSnapshot, RouterStateSnapshot, UrlTree
} from '@angular/router';