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

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

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

externals external chain third party dependence

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

使用commonchunkplugin提取公共代碼

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

如何利用Vue.js庫中的v-html指令添加html元素？

1. 創(chuàng)建一個新的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ù)，然后使用“{}}”符號將變量引入div標(biāo)記，并在標(biāo)記L=“variable”v-html=“variable”屬性中添加“v-htm”。

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

請教如何在vue中引入自己寫的js文件？

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

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

@import url@import url媒體查詢列表