Question

如何正确缩进非常大的es6导入语句？这有什么最佳做法/风格指南吗？

import { checkOldPassword, changeAddress, insertAddress, deleteAddress, changeEmail, changePassword, getCountries } from '../../actions/userActions.js'

我已经通过AirBnb风格指南进行了研究，但似乎没有解决这个问题。

Answer 1

我通常总是使用尾随逗号，就像我对多行对象，数组和解构一样，例如。

import { 
    checkOldPassword, 
    changeAddress, 
    insertAddress, 
    deleteAddress, 
    changeEmail, 
    changePassword, 
    getCountries,
} from '../../actions/userActions.js';

这也是定义的格式in the AirBnB style guide 。

Answer 2

不是全部写入一行，而是可以为每个行使用新行，如下所示：

import { 
    checkOldPassword, 
    changeAddress, 
    insertAddress, 
    deleteAddress, 
    changeEmail, 
    changePassword, 
    getCountries } from '../../actions/userActions.js';

Check this

我认为这就是你想要的，如果它没有回答你的问题，请告诉我。

Answer 3

对于这种情况，我更喜欢缩进的“榆树风格”：

import { checkOldPassword
    , changeAddress
    , insertAddress, 
    , deleteAddress
    , changeEmail
    , changePassword 
    , getCountries 
} from '../../actions/userActions.js'

首次看起来可能看起来很奇怪，但很酷 - 它允许使用编辑器的添加行 / 删除行命令添加/删除导入的属性。我是Vim用户，发现这非常方便。

正确的ES6导入缩进

3 个答案: