Javascript 将TypeScript对象预编译为变量 问题（TLDR）

是否有任何方法可以预编译TypeScript对象并将其注入我的应用程序

我想要达到的目标

在编译期间运行TypeScript函数（具有自己的依赖项）来解析

yaml

文件

将生成的对象注入将在web应用程序中呈现的应用程序

背景 我有一个分析和构建整个项目使用的对象的工具。在用户浏览器上初始化应用程序时，将进行解析

解析器是用TypeScript编写的，我希望保持这种方式

不幸的是，对象的构造是一个有点繁重的过程，我希望在编译过程中解析和构建对象，而不是在每个用户浏览器会话上进行

考虑的解决办法

使用

vue.config.js

在编译时注入内容

• Challenge：它只是JavaScript，并且有一个潜在的

  vue.config.ts

使用TypeScript编写一个自定义的webpack加载器，该加载器将加载一个yaml文件，并调用和注入返回到应用程序的内容

• 挑战自定义网页加载程序的设计是用JavaScript编写的，我从未见过任何用Typescript编写的加载程序示例

---

您可以在ts中编写配置，并在console中运行

tsc-m commonjs--esModuleInterop vue.config.ts

，将其编译成

vue.config.js

。然后，您可以忽略对部署过程更有意义的选项。这里的例子：你好@tao，谢谢你的快速回复。我试过了，但是它不编译TypeScript文件，也不包含它的依赖项。它只是将TypeScript解析器的

import

转换为

vue.config.js

中的

require

，该类与TypeScript类不一样

import

s other

.ts

类。您可以在ts中编写配置，然后在控制台中运行

tsc-m commonjs--esModuleInterop vue.config.ts

进入

vue.config.js

。然后，您可以忽略对部署过程更有意义的选项。这里的例子：你好@tao，谢谢你的快速回复。我试过了，但是它不编译TypeScript文件，也不包含它的依赖项。它只是将TypeScript解析器的

import

转换为

vue.config.js

中的

require

，该类与TypeScript类

import

s其他

.ts

类不同。