如何添加 TS 文件以在 prod 中启动 vue3 应用程序

Question

当前文件夹结构：

/appname/server.js
/appname/package.json

当前 package.json

"scripts": 
{
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "start": "node server.js",
},

我想使用 TS 编写 serve.js。我知道如何在一个典型的 TS 项目中做，但是当涉及 webpacks 时我不能这样做。如果我将 tsconfig 更新为 includeserve.ts js 文件不会出现在 dist 文件夹中。

想要的文件夹结构：

/appname/server.ts
/appname/package.json

需要的 package.json

"scripts": 
{
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "start": "node dist/server.js",
},

为了使这更加复杂，需要dist 文件夹来驱动应用程序，所以我宁愿不要乱用它，将 server.js 放在不同的文件夹中可能是更好的方法。

Answer 1

您可以使用ts-node 直接运行server.ts：

1. 将ts-node 安装为devDependency：

   npm i -D ts-node
   

2. 更新您的 NPM 脚本以使用 ts-node 而不是 node：

   {
     "scripts": {
       "start": "ts-node server.ts"
     }
   }
   

或者你可以用npx ts-node避免devDependency：

{
  "scripts": {
    "start": "npx ts-node server.ts"
  }
}