文章詳情頁
webpack - vue-cli怎么和后臺實時編譯？
瀏覽：142日期：2024-04-03 11:22:07
問題描述
我現在的問題是 這個index是需要后臺Tomcat上用的 但是這個index需要的js文件和靜態文件都在dist(webpack打包過的)目錄里面 那如果我現在想編譯src里面的文件怎么讓他也能實時編譯到dist文件里面？不可能修改一點代碼就npm run build一下...那是不是太麻煩了- -。是不是編譯的時候就需要配置什么？現在想要的結果就是 我在eclipse啟動的時候在里面修改src里面的文件 dist目錄里面的js也能實時改變...希望哪位研究過的 給個方法- -。
問題解答
回答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便可以實時編譯了
回答2：webpack --watch呀，--watch參數就是監測文件變動自動編譯的
回答3：npm run dev就可以了，這樣你在本地啟動的服務看到的就是你修改過的，會實時變動。npm run build一般是最后上傳到服務器的時候打包。
回答4：2樓回答正確！
標簽：
vue
相關文章：
1. 求大神支招，php怎么操作在一個html文件的<head>標記內添加內容？2. 安裝了“PHP工具箱”，但只能以“游客”身份登錄3. 老師們php,插入數據庫mysql，都是空的，要怎么解決4. 跨類調用后，找不到方法5. 在mybatis使用mysql的ON DUPLICATE KEY UPDATE語法實現存在即更新應該使用哪個標簽?6. 致命錯誤: Class ’appfacadeTest’ not found7. 在應用配置文件 app.php 中找不到’route_check_cache’配置項8. PHP類屬性聲明？9. 怎么php怎么通過數組顯示sql查詢結果呢，查詢結果有多條，如圖。10. phpstady在win10上運行
排行榜
網公網安備