网站搜索

typescript - 自定义 Stackblitz Angular 项目模板


我正打算分叉并自定义 Stackblitz Angular CLI 项目模板,该模板很可能存储在 github.com/stackblitz/angular-cli-template。

这里的主要目标是修改 TypeScript 配置,将 target 从 es5 改为 es6。

根据文档,它应该可以作为 stackblitz.com/github/stackblitz/angular-cli-template 导入,但这会导致错误:

导入错误,找不到文件:

src/main.ts

确实,仓库中没有 src/main.ts,而且看起来与普通的 Stackblitz Angular CLI 项目非常不同:

请注意,有一堆在常规项目中不存在的文件(或者更具体地说,它们是隐藏的,因为当项目从 Stackblitz 导出时才会出现)。

我已经尝试在常规项目中更改 TS 配置,似乎它预期位于相对于可见项目根目录的 /tsconfig.app.json(一个示例)。我也尝试通过将 module 设置为 amd 来使其失败,但这没有起作用。看起来 tsconfig.app.json 没有任何影响,但当点击 导出 时,tsconfig.app.json 实际上会被更改。

github.com/stackblitz/angular-cli-template 是 Stackblitz 使用的实际项目模板吗?

如果这不是实际的模板,实际的 Angular 项目模板可以从哪里派生?而且,为了按照文档中描述的方式作为 stackblitz.com/github/{GH_USERNAME}/{REPO_NAME} 导入,Stackblitz 可用的派生模板应该是什么样的?

如何修改 Stackblitz Angular 项目的 TypeScript 配置?

答案#1

对于其他寻找答案的人:

截至2020年4月,当你将鼠标悬停在左上角的 Stackblitz 闪电标志上时,它会展开显示‘新项目’,在那里你可以选择 11 个模板中的 1 个。

生成的 URL 似乎无法被猜到。