webpack vue打包文件過大，該如何解決？如果包太大，我們推薦兩種快速方法：externals external chain third party dependenceexternals是一種

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

如果包太大，我們推薦兩種快速方法：

externals external chain third party dependence

externals是一種常見的優(yōu)化方法。在生成時(shí)，依賴項(xiàng)文件與節(jié)點(diǎn)相關(guān)。模塊導(dǎo)入更改為外部鏈接引用（即腳本標(biāo)記CDN加載方法）

使用commonchunkplugin提取公共代碼

我是[front-end rain dad]。你可以跟我來看看前端技術(shù)相關(guān)的文章。

vuejs中動(dòng)態(tài)增加的html？

1. 創(chuàng)建一個(gè)新的HTML文檔，然后在head標(biāo)簽中引入Vue的JS文件。這里，以CDN文件的介紹為例：

2。在body標(biāo)記中添加ID為“app”的div標(biāo)記，然后在div標(biāo)記中添加div標(biāo)記，在Vue中添加變量數(shù)據(jù)，然后使用“{}}”符號(hào)將變量引入div標(biāo)記，并在標(biāo)記L=“variable”v-html=“variable”屬性中添加“v-htm”。

3。用瀏覽器打開HTML文檔，您可以在頁面：]~]中看到v-HTML指令添加的HTML元素。

前端開發(fā)也是如此。實(shí)際上，我們都使用jQuery。它簡單而粗糙，并且很容易直接操作界面。如果你想實(shí)現(xiàn)任何功能，你會(huì)成功的。但是在項(xiàng)目變得越來越復(fù)雜之后，這種開發(fā)方式會(huì)出現(xiàn)一個(gè)問題：代碼組織很低，項(xiàng)目的可維護(hù)性很差，特別是當(dāng)項(xiàng)目中的很多頁面都有層次關(guān)系時(shí)，很容易混淆自己。

“.現(xiàn)在我們不應(yīng)該把一個(gè)網(wǎng)頁看作一個(gè)網(wǎng)頁，而是一個(gè)以網(wǎng)頁的形式呈現(xiàn)的應(yīng)用程序。分離數(shù)據(jù)和行為之后，前端開發(fā)變得更加清晰，這也是前端開發(fā)的一個(gè)重要標(biāo)志。

雖然這些框架使用了虛擬DOM等技術(shù)，但由于抽象合理，開發(fā)效率遠(yuǎn)高于傳統(tǒng)前端，比直接操作DOM要慢。試想一下，用這兩種方法開發(fā)的項(xiàng)目效率比傳統(tǒng)開發(fā)低0.5%，但是傳統(tǒng)開發(fā)需要的bug是傳統(tǒng)開發(fā)的兩倍。如果你是，你會(huì)選哪一個(gè)？

使用Vue等框架的首要原因是為了開發(fā)效率，還是減少DOM操作的性能損失？

在Vue項(xiàng)目中引入jQuery可以促進(jìn)一些全局事件綁定的實(shí)現(xiàn)，并屏蔽瀏覽器之間的差異。然而，缺點(diǎn)是顯而易見的。由于jQuery沒有模塊化的概念，將jQuery引入Vue將增加項(xiàng)目的規(guī)模。同時(shí)，Vue和jquery在DOM操作中的思想也不盡相同。Vue操作虛擬DOM，jQuery操作實(shí)際DOM，并且在數(shù)據(jù)綁定方面存在一些差異。

vue項(xiàng)目引入jquery優(yōu)缺點(diǎn)？

虛擬用戶.js字體圖標(biāo)的引入方法與普通圖標(biāo)相同。例如：1。創(chuàng)建一個(gè)module:module:Loaders:[#在此處設(shè)置加載項(xiàng)]2。設(shè)置加載后圖標(biāo)的加載時(shí)間：postloaders:[{test:/Vue icons/，loader:“callback loader”}]3。加載回調(diào)加載程序：Require（“Vue icons/icon loader”）（[“Fa thumbs up”]）注意：Vue icons是一個(gè)用于存儲(chǔ)圖標(biāo)的特殊文件夾。您可以在輸入字體圖標(biāo)時(shí)加載它。