[已解决]webpack如何自动编译打包vui-cli项目

Question

业务背景

• 通过vue-cli webpack模板开发微信公众号
• 因为调用公众号接口必须配置请求域名url,比如example.com
• 而这个域名又必须是在公众号后台合法业务域名里配置过的
• 当我不调微信接口时,可以通过localhost进行测试
• 但一涉及到微信支付或微信地图等api时,就必须把代码上传到example.com上进行测试

问题描述

• 这样一来就非常麻烦了,每修改代码需要测试就必须经历以下步骤

  1. 修改代码
  2. 编译打包文件 npm run build
  3. 通过ftp将打包文件上传到服务器

问题

• 有什么办法可以让npm run build自动执行呢
• 就是当文件变化时自动打包文件,类似于npm run dev一样
• 如果编译完成后自动ftp上传一下就更屌了

我的尝试

• 大概知道是要设置watch
• 但是自己没有配置过webpack文件,所以搞了半个小时没搞出来,提个问题

Answer 1

可以使用代理啊，将localhost/api/转发到example.com/
在开发环境中可以配置devServer的proxyTable
在正式环境中可以配置nginx、tomcat等服务器的转发规则

Answer 2

这个不是一句两句说清楚的，况且我很难对你的项目了解比较清楚。给你点建议吧。

关于ftp上传，可以参考我写的： https://github.com/azl3979858...

关于自动化， 可以参考我写的： https://github.com/azl3979858...