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

Question

我的 JavaScript (ES6) 文件中有一个很长的 import 语句：

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

像这样添加新行可以吗？

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

如果没有，是否还有其他方法可以使用 Babel 以 ES6 语法编写干净的（将我的代码保持在 80 列内）导入语句？

Answer 1

以下是我使用ESLint测试结果。

ESLINT通过

import fs
from 'fs';

ESLINT通过

import
fs
from 
'fs';

ESLINT通过

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

上面的代码执行得很好。 我认为你很高兴去！

注意：使用了这个.eslintrc 。

Answer 2

是的，ES6 规范确实允许在每个标记之间使用空格（包括换行符）（除非另有限制）。 自动分号插入也不会在导入声明中干扰您，因此您可以自由地做

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

或任何不那么极端和更好缩进的东西:-)

Answer 3

您可以使用以下语法：

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