webpack vue打包文件過大，該如何解決？移動端單頁應用，發(fā)現(xiàn)所有文件都打包輸出到一個js會很大，請問如何配置webpack將項目使用的vue和vue-router從業(yè)務js中分離出來單獨打包？

webpack vue打包文件過大，該如何解決？

移動端單頁應用，發(fā)現(xiàn)所有文件都打包輸出到一個js會很大，請問如何配置webpack將項目使用的vue和vue-router從業(yè)務js中分離出來單獨打包？

打包過大，推薦你 2 個方法快速的方法：

externals externals 外鏈第三方依賴

externals 是常用優(yōu)化手段。構建時，將依賴文件相關從 node_modules 導入改為外部鏈接引用（即 script 標簽 cdn 加載）

CommonsChunkPlugin 使用 CommonsChunkPlugin 提取公共代碼

我是【前端雨爸】，可以關注我，查看前端技術相關文章。

we怎樣重新部署web項目？

vue部署web項目在本地運行通過指令npm -run dev指令本地運行，在遠程服務器運行通過壓縮包進行壓縮，npm run build 打包放入到指定的文件路勁。

vue壓縮后的js可以反編譯出來嗎？

jsp是比較偏html的，不怎么關心你的js文件。而vue webpack的組合，出來之后html會很小，里面基本上只是共有css/js和div掛載點。關鍵在于js文件。所以其實兩者的配合是可以比較解耦的。

cordova的camera插件怎么在vue中調用呢？

相機插件調用在vue中寫，然后打包成dist文件放在vue中，最后使用cordova打包成app這樣調用是否可行

調用cordova是不關心前端用的技術框架是什么的，不管是react還是vue都可以，因為cordova把插件已經注入到window對象中，所以拿到window就能調用。

vue每次運行都要build嗎？

答案不是。

因為build是webpack將vue項目打包壓縮，然后發(fā)布到服務器上的一個功能模塊，方便外部人員的瀏覽與測試，這個時候，每發(fā)布一次就需要build一次代碼。

但是如果你只是在本地做項目的開發(fā)，是不需要用到build命令的，直接通過run dev命令就可以運行。

vue項目是分為兩種環(huán)境的，一種是開發(fā)環(huán)境不需要build，另外一種是發(fā)布環(huán)境則需要build命令。