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

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

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

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

externals externals 外鏈第三方依賴

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

CommonsChunkPlugin 使用 CommonsChunkPlugin 提取公共代碼

我是【前端雨爸】，可以關(guān)注我，查看前端技術(shù)相關(guān)文章。

we怎樣重新部署web項(xiàng)目？

vue部署web項(xiàng)目在本地運(yùn)行通過指令npm -run dev指令本地運(yùn)行，在遠(yuǎn)程服務(wù)器運(yùn)行通過壓縮包進(jìn)行壓縮，npm run build 打包放入到指定的文件路勁。

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

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

cordova的camera插件怎么在vue中調(diào)用呢？

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

調(diào)用cordova是不關(guān)心前端用的技術(shù)框架是什么的，不管是react還是vue都可以，因?yàn)閏ordova把插件已經(jīng)注入到window對(duì)象中，所以拿到window就能調(diào)用。

vue每次運(yùn)行都要build嗎？

答案不是。

因?yàn)閎uild是webpack將vue項(xiàng)目打包壓縮，然后發(fā)布到服務(wù)器上的一個(gè)功能模塊，方便外部人員的瀏覽與測(cè)試，這個(gè)時(shí)候，每發(fā)布一次就需要build一次代碼。

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

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