编辑Vue前端后是否每次都需重新构建生产版本？

• 开发调试阶段：完全不用每次重复修改、构建、移动的流程。你可以直接启动Vue的开发服务器（执行npm run serve），同时给Node.js后端配置跨域支持，这样前端就能在开发服务器上实时运行，改完代码会自动热更新，立刻看到效果，根本不用折腾构建和移动文件。等你把前端功能开发得差不多了，再统一做一次构建和文件迁移就行。

• 准备部署到生产环境时：必须重新走修改→构建→移动的流程。因为Vue的生产版本是经过压缩、打包优化后的静态文件，只有重新执行npm run build，才能把新页面、新代码更新到静态资源包里，后端才能加载到最新的前端内容。

另外给你个小技巧：如果嫌手动移动文件麻烦，可以在Vue项目的vue.config.js里配置outputDir，直接指向后端的静态资源目录，这样每次执行npm run build时，生成的文件会自动输出到后端指定目录，省掉手动移动的步骤。示例配置如下：

module.exports = {
  outputDir: '../node-server/public' // 替换成你的后端静态资源实际路径
}

内容的提问来源于stack exchange，提问作者joey