Question

我在JavaScript（ES6）文件中有一个非常长的导入语句：

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'

如果没有，是否有其他方法可以写清洁（保留我的代码 80列内）使用Babel？

导入ES6语法中的语句

Answer 1

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

ESLINT PASSED

import fs
from 'fs';

ESLINT PASSED

import
fs
from 
'fs';

ESLINT PASSED

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';

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

3 个答案: