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

webpack vue打包文件過(guò)大，該如何解決？

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

externals external chain third party dependence

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

使用commonchunkplugin提取公共代碼

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

如何利用Vue.js庫(kù)中的v-html指令添加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。用瀏覽器打開(kāi)一個(gè)HTML文檔，然后您可以在頁(yè)面中看到v-HTML指令添加的HTML元素：

請(qǐng)教如何在vue中引入自己寫(xiě)的js文件？

例如，我在Src/util下有一個(gè)HTML元素雷姆js將函數(shù)（DOC，win）{VaR，docel）}寫(xiě)入文件=文檔元素，resizevt=“orientationchange”在窗口中？“orientationchange”：“resize”，recalc=function（）{var clientWidth=docEl.clientWidthif文件(!客戶(hù)端寬度）returndocEl.style.fontSize返回文檔=（clientWidth/12）“px”}如果（！doc.addEventListener文件) returnwin.addEventListener文件（resizeEvt，recalc，false）doc.addEventListener文件（“DOMContentLoaded”，recalc，false）}）（文檔，窗口）然后主要.js導(dǎo)入“。/util/REM“，然后每個(gè)路由都在運(yùn)行

引入按需組件，這將減少不必要的CSS。當(dāng)然，每個(gè)組件的CSS應(yīng)該是獨(dú)立的。如果您使用webpack的Vue加載程序，即使您重復(fù)引用同一個(gè)組件，CSS也將是相同的，您不會(huì)在條件規(guī)則組中的CSS rule；@import rule前面復(fù)制多個(gè)。

@import url@import url媒體查詢(xún)列表