从NodeJS中的html调用TypeScript编译代码
我是NodeJS的新手,正在尝试学习TypeScript。
[跟随Microsoft的TypeScript-Node-Starter,但我对应用程序的运行方式有疑问。
我的理解:
ts
下的所有src
文件都被编译为src
下的js
文件。- [
dist
是应用程序的dist
。 - 静态文件从文件夹This提供。
- 在此html(或pug)文件中,页面将尝试从文件夹starting point加载
src/public
脚本。
现在我的问题是:html如何知道从src/public
而不是main.js
加载src/public/js
?我想念什么吗?
- 正确。您可以在
main.js
中看到从dist/public/js
到src/public/js
的原因以及有关TypeScript到JavaScript的其他一些详细信息(TypeScript希望此文件存在并声明所有这些内容-参见src/
)。 - 错误,但这有点棘手。由于未在
dist/
中声明入口点,因此此处的节点未直接运行。而是,此文件声明一个tsconfig.json
命令,当直接键入details时将调用该命令,该命令将执行package.json
,该声明被声明为执行script.start
。结论:您的入口点是npm start
,而不是npm run serve
。 - 错误:
node dist/server.js
是文件中始终可用的变量,并且在运行时包含此文件目录的路径。由于将server
中的文件转换为app
中的文件并在那里执行,因此要提供的实际文件位于__dirname
中。看一下其命令__dirname
的src/
(提示:关于复制静态资产,以及关于构建Sass的一些东西。)> - 根据第3点的观点,否则进行更正。
现在您应该有了问题的答案。 ;)
从NodeJS中的html调用TypeScript编译代码
我是NodeJS的新手,正在尝试学习TypeScript。
[跟随Microsoft的TypeScript-Node-Starter,但我对应用程序的运行方式有疑问。
我的理解:
ts
下的所有src
文件都被编译为src
下的js
文件。- [
dist
是应用程序的dist
。 - 静态文件从文件夹This提供。
- 在此html(或pug)文件中,页面将尝试从文件夹starting point加载
src/public
脚本。
现在我的问题是:html如何知道从src/public
而不是main.js
加载src/public/js
?我想念什么吗?
- 正确。您可以在
main.js
中看到从dist/public/js
到src/public/js
的原因以及有关TypeScript到JavaScript的其他一些详细信息(TypeScript希望此文件存在并声明所有这些内容-参见src/
)。 - 错误,但这有点棘手。由于未在
dist/
中声明入口点,因此此处的节点未直接运行。而是,此文件声明一个tsconfig.json
命令,当直接键入details时将调用该命令,该命令将执行package.json
,该声明被声明为执行script.start
。结论:您的入口点是npm start
,而不是npm run serve
。 - 错误:
node dist/server.js
是文件中始终可用的变量,并且在运行时包含此文件目录的路径。由于将server
中的文件转换为app
中的文件并在那里执行,因此要提供的实际文件位于__dirname
中。看一下其命令__dirname
的src/
(提示:关于复制静态资产,以及关于构建Sass的一些东西。)> - 根据第3点的观点,否则进行更正。
现在您应该有了问题的答案。 ;)