我正在尝试建立一个 Node.js 项目,使用 Express 提供几个后端 API 并提供使用 Vue.js 构建的 SPA。
当我使用 Vue cli 初始化项目时,我会得到例如
当我使用 Express 应用程序生成器 创建项目时,我会得到
如何将这些组合成一个单一的项目,并由同一 Express 服务器提供服务?最好是一个命令可以同时观察+更新服务器和客户端的更改。我想使用 Vue 单文件组件和 TypeScript,这可能需要构建步骤。
(我不需要 Vue 模板的动态服务器端渲染,只需要静态的 SPA 应用程序即可。我更喜欢 TypeScript,但 JavaScript 的答案也可以。)
当我使用 Vue cli 初始化项目时,我会得到例如
src/main.ts
主文件和命令 npm run serve
来运行开发服务器并监视更改以及 npm run build
来构建生产版本。当我使用 Express 应用程序生成器 创建项目时,我会得到
./app.js
主文件和 npm start
来启动服务器并监视更改。如何将这些组合成一个单一的项目,并由同一 Express 服务器提供服务?最好是一个命令可以同时观察+更新服务器和客户端的更改。我想使用 Vue 单文件组件和 TypeScript,这可能需要构建步骤。
(我不需要 Vue 模板的动态服务器端渲染,只需要静态的 SPA 应用程序即可。我更喜欢 TypeScript,但 JavaScript 的答案也可以。)