【问题标题】:Bootstrap standalone TypeScript project [closed]Bootstrap 独立 TypeScript 项目 [关闭]
【发布时间】:2020-09-30 08:17:35
【问题描述】:

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

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

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

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

【问题讨论】:

  • 查看parceljs 以获得实现上述所有目标的快速方法。现在进行近距离投票...工具建议已过时。

标签: javascript typescript build-tools


【解决方案1】:

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

关于问题 2 和 3,虽然可以在 TS 中嵌入 HTML 模板(归根结底它只是一个 JS 函数),但 TS 没有处理 HTML 模板或 CSS 的原生能力,也就是说,它可以'不要使用 Mustache 语法加载和解析 HTML。当然,您可以支持它们,但添加一些模板库并最终添加一些构建工具(即 webpack、rollup 等)。

有几个 TS 引导选项,例如,如果您只想创建一个 TS 库,没有 HTML 模板或 CSS,您可以使用 TSDX,但您似乎想走出 Typescript 域进入前端-结束框架,在这里你有整个世界的选择,例如 VueJS 支持 TS,它可以引导项目运行:

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

如果您不想使用框架,则必须自己集成一个 HTML 模板库,例如 MustacheJS。但这真的取决于您的具体需求。

【讨论】:

  • 关于第二点,可以在 Typescript 中嵌入 HTML 模板和 CSS。只是 Typescript 本身并不支持它,所以实现它既乏味又麻烦。
  • 嗯,是的,我完全同意这一点,也许我有点模棱两可,我试着澄清一下。
猜你喜欢
  • 2014-02-12
  • 2018-07-29
  • 2012-08-20
  • 2011-03-23
  • 2013-11-24
  • 1970-01-01
  • 1970-01-01
  • 2017-03-17
  • 1970-01-01
相关资源
最近更新 更多