如何在node.js下配置网站开发工具（后端：express，前端：vanilla，从typescript编译的js）？

Question

我想使用node.js构建一个网站：

• 源代码应使用 TypeScript 编写。
• Express 将用作后端框架。
• EJS 将用于 HTML 模板。
• （可选）TypeScript 应在每次更改时自动编译。
• （可选）在开发环境中，每次编译服务器端脚本时，node.js 都应该重新启动（如果编译客户端脚本则不需要）。

这是我的源文件夹的目录结构：

src
|_ public
|  |_ css
|  |  |_ style1.css
|  |  |_ style2.css
|  |  |_ style3.css
|  |  
|  |_ html
|  |  |_ webpage1.html
|  |  |_ webpage2.html
|  |  |_ webpage3.html
|  | 
|  |_ js
|     |_ script1.ts
|     |_ script2.ts
|     |_ script3.ts
|
|_ server
   |_ ejs
   |  |_ view1.ejs
   |  |_ view2.ejs
   |  |_ view3.ejs
   |_ scripts
      |_ server1.ts
      |_ server2.ts
      |_ server3.ts

该目录应编译成“dist”文件夹：

dist
|_ public
|  |_ css
|  |  |_ style1.css
|  |  |_ style2.css
|  |  |_ style3.css
|  |  
|  |_ html
|  |  |_ webpage1.html
|  |  |_ webpage2.html
|  |  |_ webpage3.html
|  | 
|  |_ js
|     |_ script1.js
|     |_ script2.js
|     |_ script3.js
|
|_ server
   |_ ejs
   |  |_ view1.ejs
   |  |_ view2.ejs
   |  |_ view3.ejs
   |
   |_ scripts
      |_ server1.js
      |_ server2.js
      |_ server3.js

我在 webpack、tsx、nodemon 等方面苦苦挣扎了几天，但没有取得太大进展。我应该使用哪些工具来满足我的要求？任何帮助将不胜感激。

Answer 1

请参阅 https://www.digitalocean.com/community/tutorials/how-to-use-ejs-to-template-your-node-application 配置express+ejs

使用 https://github.com/esbuild-kit/tsx 直接运行 typescript 文件
您需要将

main

中的

pachage.json

设置为

src/server/index.ts

或任何初始文件

tsx .

或

tsx src/server/index.ts

将启动服务器，

tsx watch .

将在文件更改时重新启动（当文件保存时）

如果没有，请使用

tsc --init

创建 tsconfig 文件

如果没有

pnpm init

，请使用 

package.json