Javascript 如何在ES6中将长导入语句拆分为多行?

Javascript 如何在ES6中将长导入语句拆分为多行?,javascript,ecmascript-6,Javascript,Ecmascript 6,我的JavaScript(ES6)文件中有一条很长的导入语句: 像这样添加新行可以吗 import { A, B, C, D } from '../path/to/my/module/in/very/far/directory' 如果没有,是否有其他方法可以编写干净的代码(保持我的代码) 在80列中)使用Babel?以ES6语法导入语句这里是我使用ESLint测试的结果 ESLINT已通过 import fs from 'fs'; import fs from 'fs'; import

我的JavaScript(ES6)文件中有一条很长的导入语句:

像这样添加新行可以吗

import { A, B, C, D } from
'../path/to/my/module/in/very/far/directory'
如果没有,是否有其他方法可以编写干净的代码(保持我的代码)
在80列中)使用Babel?

以ES6语法导入语句这里是我使用
ESLint
测试的结果

ESLINT已通过

import fs
from 'fs';
import
fs
from 
'fs';
import {
    moduleName
} from './my/module/file';
ESLINT已通过

import fs
from 'fs';
import
fs
from 
'fs';
import {
    moduleName
} from './my/module/file';
ESLINT已通过

import fs
from 'fs';
import
fs
from 
'fs';
import {
    moduleName
} from './my/module/file';
上面的代码执行得很好。我想你可以走了


注意:这是使用过的。

是的,ES6规范允许在每个标记之间使用空格(包括换行符)(除非另有限制)。自动分号插入也不会在导入声明中打扰您,因此您可以自由地执行此操作

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

或者任何不太极端且缩进更好的内容:-)

您可以使用以下语法:

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

是否存在eslint无法通过的任何配置?但如果文件路径非常大,我们如何中断文件路径?是否可能?请阅读标签说明
babel
用于回答具有上述名称的Python库的问题。此外,这与Babel.js也没有任何关系。