为 Cocos Creator 的 TypeScript 项目自动创建 Barrel 的插件,适用于 Cocos Creator 的插件系统。
-
为 Cocos Creator 的 TypeScript 项目自动创建 Barrel。方便管理你的 .ts 脚本资源。
-
实现上用了开源项目 Barrelsby。当你从 Creator 的工作流里创建文件、移动文件、删除文件、重命名文件时,更新 Barrel。即生成
index.ts文件到项目根目录/assets路径下。方便 TypeScript 工程 import,不必再写路径。省去移动、重命名脚本资源时还要修改 import 路径的问题。
Barrel 是一种将多个 module 的 export 汇总为单个 module 的方式,通常为 index.ts 文件。详细了解参见 TypeScript Deep Dive 的 Barrel 一节。
-
点击
扩展/Barrel-TypeScript菜单下的添加 TypeScript 项目配置。这将在你的项目根目录下添加tsconfig.json文件,其中设置了项目baseUrl为项目根目录。并且在项目 assets 下生成了index.ts。 -
在
bar.ts中 importfoo.ts的Foo:
//foo.ts
export class Foo extends cc.Component {}
//bar.ts
import {Foo} from "assets";- 当你从 Creator 的工作流里创建 ts 脚本、移动 ts 脚本、删除 ts 脚本、重命名 ts 脚本时,
index.ts会自动更新。
-
不能用
export default,而 Creator 的 ts 脚本 模板,默认生成时就是export default。 -
ts 所在脚本文件夹命名建议为小写开头,如
项目根目录/assets/script/Xxx.ts。(因为命名为
Script在使用中时发现了一些问题,比如assets/Script/Axx.ts编译正常但运行时发现无法正确引用,assets/Script/Bxx.ts或assets/Script/Lib/Axx.ts则编译正常运行正常)
如有问题或建议可以联系我或提交 issue.
Email: stromkuo@gmail.com