自定义Stackblitz Angular项目模板

时间:2018-07-06 22:00:01

标签: angular typescript stackblitz

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

此处的主要目标是修改TypeScript配置并将targetes5更改为es6

根据the documentation,它应该可以以stackblitz.com/github/stackblitz/angular-cli-template的形式导入,但这会导致错误:

  

导入错误,找不到文件:

     

src / main.ts

实际上,存储库中没有src / main.ts,它看起来与regular Stackblitz Angular CLI project完全不同:

stackblitz

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

我已尝试在常规项目中更改TS配置,看来它应该位于/tsconfig.app.json处,相对于可见项目的根目录(a demo)。我还尝试通过将module设置为amd来使其失败,但这是行不通的。 tsconfig.app.json似乎什么都没有影响,但是当单击 Export 时,tsconfig.app.json实际上已更改。

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

如果不是实际的模板,那么可以在哪里分叉实际的Angular项目模板,并且如文档所述,应该如何将Stackblitz可行的分叉模板作为stackblitz.com/github/{GH_USERNAME}/{REPO_NAME}导入?

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

1 个答案:

答案 0 :(得分:0)

对于其他寻求答案的人:

从2020年4月开始,当您将鼠标悬停在左上方的stackblitz闪电徽标上时,它将扩展为“新项目”,您可以在其中选择11个模板中的一个。

生成的URL似乎不可猜测。