开发环境的部署开发环境的部署让我头疼了一阵子。每次修改代码都要重新构建，很麻烦，最后用node脚本解决了这个问题。思路是使用node执行脚本文件，调用“npm命令”执行命令，然后监控需要监控的文件。当有变化时，脚本将被重新执行。效果是当代码更改保存后，会重新构建。缺陷是浏览器不能自动刷新（思路已经想好了）。我不会做）构建完成后，使用WebSocket向前端发送通信，然后进行reload。这将在每次构建完成时刷新浏览器。当前环境可以通过process.env.NODE_ENV判断。实现代码根目录创建bin//vuessr/bin/index.jsvarnpm=require('npm');//不懂就打印npm就明白了npm.load(function(){//必须清除。npm.commands.cache(['clean'],function(){npm.commands.run(['serve'])});})//package.json"scripts":{//node脚本执行的命令"serve":"npmrunbuild&&nodenodeScript/index",//开发环境服务"serve:client":"nodenodeScript/index","build":"npmrunbuild:server----silent&&npmrunbuild:client----no-clean--silent",//打包客户端代码"build:client":"vue-cli-servicebuild",//打包服务端使用的json"build:server":"cross-envVUE_NODE=nodevue-cli-servicebuild",//开发环境"start":"cross-envNODE_ENV=developmentnodemonbin/index",//本地测试服务器环境"start:server":"cross-envNODE_ENV=productionnodemonnodeScript/index",//server"pm2":"cross-envNODE_ENV=productionpm2startnodeScript/index.js--watch"}vuessr到此结束。综上所述，坑很多，就不一一列举了。缺陷：在开发环境中，修改代码后，重新构建也会重启服务。目前，我不知道如何只重建而不重启服务。（我不想打开两个cmd窗口）。问题来源：必须等到代码构建完成后才能启动节点服务，否则节点服务会报错，因为代码构建完成后需要依赖json文件。项目github地址项目公网地址1）vueSSR：从0到1构建vueSSR项目---初始化2）vueSSR：从0到1构建vueSSR项目---路由构建3）vueSSR：从0到1构建vueSSR项目-----node和vue-cli3的配置4)vueSSR:buildvueSSRprojectfrom0to1---vuex的配置(dataprefetch)5)vueSSR:buildvueSSRprojectfrom0to1---部署开发环境6)vueSSR：从0到1搭建一个vueSSR项目---伪热更新
