vue-cli项目如何同时打包一个express项目
vue-cli项目一般只会生成一个纯前端的vue项目，不过有时候，如果我们想开发一个express项目同时又想用vue作为前端该怎么搞呢？ 几个解决方案 两个项目分别开发 mono-repo 其他方案 vue/express一个项目一次打包 其实因为怕打包麻烦，所以我是希望一个项目内，可以同时开发express/vue打包的时候又能只打包输出到一个文件夹下 所以我选择在vue-cli生产的项目内，增加一个server文件夹，用来开发express相关的代码，只有在最后打包的时候，变为一个express项目 改造的要点 前后端独立的hmr 前后端最终成果打包在一起 改造过程 独立热更同时前端可调用express服务 首先，我们在文件目录下建立server文件夹，将express服务器的开发，src下为原先前端相关的代码 其次，安装nodemon用来做express项目的开发启动 package.json添加命令"start:be": "nodemon ./server/index.js" 添加vue.config.js, 加入 module.exports = { devServer: { proxy: { '/{express服务的路径，例如api}': { target: 'http://127.0.0.1:{express端口}, ws: true, }, } } } 这样，启动npm run serve的时候同时启动start: be即可同时开启前后端 打包让express应用调用vue结果 express有static功能，假定用的是public 文件夹 package.json添加命令"build:be": "cp package.json ./dist/ && cp server/* ./dist/" 这样来打包express应用 同时express内添加一行，app.use(express.static('./public')) 接着，来改造vue.config.js module.exports = { outputDir: "./dist/public" } 之后build命令运行完，运行build:fe即可 ...