鍍金池/ 問答/HTML/ [已解決]webpack如何自動編譯打包vui-cli項目

[已解決]webpack如何自動編譯打包vui-cli項目

業(yè)務(wù)背景

  • 通過vue-cli webpack模板開發(fā)微信公眾號
  • 因為調(diào)用公眾號接口必須配置請求域名url,比如example.com
  • 而這個域名又必須是在公眾號后臺合法業(yè)務(wù)域名里配置過的
  • 當(dāng)我不調(diào)微信接口時,可以通過localhost進(jìn)行測試
  • 但一涉及到微信支付微信地圖等api時,就必須把代碼上傳到example.com上進(jìn)行測試

問題描述

  • 這樣一來就非常麻煩了,每修改代碼需要測試就必須經(jīng)歷以下步驟

    1. 修改代碼
    2. 編譯打包文件 npm run build
    3. 通過ftp將打包文件上傳到服務(wù)器

問題

  • 有什么辦法可以讓npm run build自動執(zhí)行呢
  • 就是當(dāng)文件變化時自動打包文件,類似于npm run dev一樣
  • 如果編譯完成后自動ftp上傳一下就更屌了

我的嘗試

  • 大概知道是要設(shè)置watch
  • 但是自己沒有配置過webpack文件,所以搞了半個小時沒搞出來,提個問題
回答
編輯回答
壞脾滊

可以使用代理啊,將localhost/api/轉(zhuǎn)發(fā)到example.com/
在開發(fā)環(huán)境中可以配置devServer的proxyTable
在正式環(huán)境中可以配置nginx、tomcat等服務(wù)器的轉(zhuǎn)發(fā)規(guī)則

2017年4月21日 10:28
編輯回答
忠妾

這個不是一句兩句說清楚的,況且我很難對你的項目了解比較清楚。給你點(diǎn)建議吧。

關(guān)于ftp上傳,可以參考我寫的: https://github.com/azl3979858...

關(guān)于自動化, 可以參考我寫的: https://github.com/azl3979858...

2018年5月30日 17:35