Bootstrap独立TypeScript项目

问题描述

我想引导一个TypeScript项目，该项目将被转换为独立的香草* .js文件。 我正在寻找实现这一目标的最佳工具。

1. 是否可以在此文件中嵌入/连接所有必需的依赖项？

2. 是否可以在其中嵌入HTML模板？

3. 同样可以嵌入CSS文件并使用它们吗？

解决方法

TypeScript（我的意思是简单地说是NPM typescript包）本身将TS代码转换为JS代码，仅此而已。最终可以通过compilerOptions.outFile中的tsconfig.json选项将已转译的JS输出为1个文件。

关于问题2和3，虽然可以在TS中嵌入HTML模板（最终只是一个JS函数），但TS没有处理HTML模板或CSS的本机功能，也就是说，它可以使用Mustache语法加载和解析HTML。当然，您可以支持它们，但可以添加一些模板库，并最终添加一些构建工具（例如，webpack，汇总等）。

存在多个TS引导选项，例如，如果您只想创建没有HTML模板或CSS的TS库，则可以使用TSDX，但是您似乎想离开Typescript域进入前端框架，这里有很多选择，例如VueJS支持TS，它可以引导正在运行的项目：

# It will ask you if you want to use TS
vue create my-ts-project

如果您不想使用框架，则必须自己集成HTML模板库，例如MustacheJS。但这确实取决于您的特定需求。