Javascript 将所有依赖项捆绑到单个导入文件中

我一直在想。是否有任何库允许我将使用的每个依赖项捆绑到单个捆绑包中，以便从中导入所有内容

例如：

import x from "react-native-x"
import y from "react-native-y"
import z from "react-native-z"
import { View } from "react-native"
import React from "react"
import a from "./a"
import b from "./../../b"

为此：

import {
  x,
  y,
  z
  View,
  React,
  a,
  b
} from "./bundle"

---

我想你要找的是绝对路径

以下是一些需要查看的材料：

• Webapck文档：

搜索诸如绝对路径、别名网页等术语

但是，如果不是这样，你可以做的一件事是：

创建一个名为bundle的文件夹

创建一个index.js文件并从中导出您想要的任何内容

将其用作要从中导入的主要引用

//bundle/index.js

export * from "react-native-x"
export {View} from "react-native"
export * from "./a"
export * from "./../../b"

出口的一些参考：

---

希望有帮助。

我想你要找的是绝对路径

以下是一些需要查看的材料：

• Webapck文档：

搜索诸如绝对路径、别名网页等术语

但是，如果不是这样，你可以做的一件事是：

创建一个名为bundle的文件夹

创建一个index.js文件并从中导出您想要的任何内容

将其用作要从中导入的主要引用

//bundle/index.js

export * from "react-native-x"
export {View} from "react-native"
export * from "./a"
export * from "./../../b"

出口的一些参考：

希望能有帮助