能否在导入语句中使用解构赋值？

Question

我想将下面的导入语句写成一行，这种做法可行吗？

 `import SellerAdaptor from '../adaptors/sellers';
  import UserAdaptor from '../adaptors/user';
  import ShopEarnAdaptor from '../adaptors/shop_earn';
  import ProductAdaptor from '../adaptors/product';
  import JobAdaptor from '../adaptors/job';
  import OrderAdaptor from '../adaptors/order';
  import NotificationAdaptor from '../adaptors/notification';
  import CategoryAdaptor from '../adaptors/category';
  import AdminAdaptor from '../adaptors/adminAdaptor';`

- Deepak Tyagi

---

你为什么这样做？多行导入有什么问题吗？ - yunzen

去掉换行符，它将成为一行。 - Usagi Miyamoto

反引号(`)是否属于你的代码？ - yunzen

不，你不能这样做，但如果需要的话，可以创建一个工厂模块来处理所有导入。请参考此链接：https://dev59.com/FFsW5IYBdhLWcg3wuZRy - AZ_

由于所有这些模块都位于“适配器”下，因此您可以创建一个“index.js”文件并将所有导出放在那里。鉴于此，所有消费者都将从“../adaptors”导入{...}。 - Hitmands

Answer 1

不。

Destructuring可以让你从一个模块中导入多个值。

你不能一次性导入多个模块。

---

一个典型的模式是有一个../adaptors/index，它会导入所有的模块然后再将它们导出：

import SellerAdaptor from './sellers';
import UserAdaptor from './user';
// etc
export { SellerAdaptor, UserAdaptor, etc };

那么您就能够：

import { SellerAdaptor, UserAdaptor, etc } from "../adaptors/index";

- Quentin

---

更好的写法是 export { default as SellerAdaptor } from './sellers'。 - Estus Flask

Answer 2

要能够编写import { A, B, C } from 'myPackage'，这取决于myPackage以及它是如何编写的。

如果它们是不同的文件，则无法这样做。 如果您有一个名为adaptors的文件，该文件export了不同的模块，则可以使用解构编写导入语句。

- HRK44

Answer 3

你可以按照以下方式进行操作：

import SellerAdaptor from '../adaptors/sellers';
import UserAdaptor from '../adaptors/user';
import ShopEarnAdaptor from '../adaptors/shop_earn';
import ProductAdaptor from '../adaptors/product';
import JobAdaptor from '../adaptors/job';
import OrderAdaptor from '../adaptors/order';
import NotificationAdaptor from '../adaptors/notification';
import CategoryAdaptor from '../adaptors/category';
import AdminAdaptor from '../adaptors/adminAdaptor';


export {
    SellerAdaptor,
    UserAdaptor,
    ShopEarnAdaptor,
    ProductAdaptor,
    JobAdaptor,
    OrderAdaptor,
    NotificationAdaptor,
    CategoryAdaptor,
    AdminAdaptor
}

接着您可以按照以下方式进行导入

import { SellerAdaptor, UserAdaptor} from './<filename>'

- Sourabh Somani