webpack - vue-cli怎么和后臺實時編譯?
問題描述
我現(xiàn)在的問題是 這個index是需要后臺Tomcat上用的 但是這個index需要的js文件和靜態(tài)文件都在dist(webpack打包過的)目錄里面 那如果我現(xiàn)在想編譯src里面的文件怎么讓他也能實時編譯到dist文件里面?不可能修改一點代碼就npm run build一下...那是不是太麻煩了- -。是不是編譯的時候就需要配置什么?現(xiàn)在想要的結(jié)果就是 我在eclipse啟動的時候在里面修改src里面的文件 dist目錄里面的js也能實時改變...希望哪位研究過的 給個方法- -。
問題解答
回答1:如果要用后臺的數(shù)據(jù),你可以用 npm run dev 起本地服務(wù),然后用代理處理請求api的鏈接,參考鏈接:http://vuejs-templates.github...。如果你真的需要實時編譯的話,你可以了解一下nodemon,比如你可以在package.json里配置一下scripts:
'scripts': { 'start': 'nodemon --watch src -e html,vue,js,less build/build.js' },
--watch開啟監(jiān)控模式,監(jiān)視src文件夾,-e配置了監(jiān)控的文件類型(html、vue、js、less),build/build.js是你要運行的腳本。這樣你在命令行里用npm run start便可以實時編譯了
回答2:webpack --watch呀,--watch參數(shù)就是監(jiān)測文件變動自動編譯的
回答3:npm run dev就可以了,這樣你在本地啟動的服務(wù)看到的就是你修改過的,會實時變動。npm run build一般是最后上傳到服務(wù)器的時候打包。
回答4:2樓回答正確!
相關(guān)文章:
1. android - Genymotion 微信閃退 not find plugin.location_google.GoogleProxyUI2. mac里的docker如何命令行開啟呢?3. html5 - 微信瀏覽器視頻播放失敗4. android webview返回自動刷新5. 如何使用jQuery來提取一個HTML 標(biāo)記的屬性 例如. 鏈接的href ?6. objective-c - iOS開發(fā)使用什么對html進(jìn)行代碼高亮7. javascript - npm安裝報錯 系統(tǒng)w7 求大神解答8. html - 特殊樣式按鈕 點擊按下去要有凹下和彈起的效果9. angular.js - 關(guān)于ng-model和ng-bind的疑問10. angular.js - 在ionic下,利用javascript導(dǎo)入百度地圖,pc端可以顯示,移動端無法顯示
