在使用Turbo/Monorepo时,通常会选择文件夹层次结构,以便更好地组织和管理代码。以下是如何使用文件夹层次结构创建包的示例:
项目根目录结构:
packages/
package1/
index.js
components/
button.js
input.js
package2/
index.js
components/
dropdown.js
list.js
在这个例子中,每个包(package)都有一个自己的文件夹,并且文件夹内部可以包含任意层次的子文件夹和文件。
在每个包的index.js中,需要将该包中所有组件导出,以便在其他地方使用: package1/index.js
export { default as Button } from './components/button';
export { default as Input } from './components/input';
package2/index.js
export { default as Dropdown } from './components/dropdown';
export { default as List } from './components/list';
在其他文件中导入这些组件时,只需这样写:
import { Button, Input } from 'package1';
import { Dropdown, List } from 'package2';
这样就可以在其他地方使用这些组件了。我们可以使用这种结构来使我们的代码更加清晰和易于维护。
上一篇:包中的前向声明