webpack - vue-cli怎麼和後台即時編譯？

Question

我現在的問題是這個index是需要後台Tomcat上用的
但是這個index需要的js檔案和靜態檔案都在dist(webpack打包過的)目錄裡面
那如果我現在想編譯src裡面的檔案怎麼讓他也能即時編譯到dist檔裡面？
不可能修改一點代碼就npm run build一下...那是不是太麻煩了- -。是不是編譯的時候就需要配置什麼？
現在想要的結果就是 我在eclipse啟動的時候在裡面修改src裡面的文件 dist目錄裡面的js也能實時改變...
希望哪位研究過的 給個方法- -。

Answer 1

如果要用後台的數據，你可以用 npm run dev 起本地服務，然後用代理處理請求api的鏈接，參考鏈接：http://vuejs-templates.github...。如果你真的需要即時編譯的話，你可以了解一下nodemon，例如你可以在package.json裡設定scripts：

"scripts": {
    "start": "nodemon --watch src -e html,vue,js,less build/build.js"
  },

--watch開啟監控模式，監視src資料夾，-e設定了監控的檔案類型（html、vue、js、less），build/build.js是你要執行的腳本。這樣你在命令列用npm run start便可以即時編譯了

Answer 2

webpack --watch呀，--watch參數是監測檔案變動自動編譯的

Answer 3

npm run dev就可以了，这样你在本地启动的服务看到的就是你修改过的，会实时变动。npm run build一般是最後上傳到伺服器的時候打包。

Answer 4

2樓回答正確！