如何在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编写干净(保持我的代码在80列内)使用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/'
;

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