網(wǎng)頁設(shè)計(jì)中JS文件比較多，影響網(wǎng)頁的加載速度，怎么解決？當(dāng)然，它會(huì)比較大，因?yàn)椴粌H打包了您開發(fā)的JavaScript文件，而且打包了依賴項(xiàng)（即那些第三方庫文件），這確實(shí)是比較大的。webpack具有解

網(wǎng)頁設(shè)計(jì)中JS文件比較多，影響網(wǎng)頁的加載速度，怎么解決？

當(dāng)然，它會(huì)比較大，因?yàn)椴粌H打包了您開發(fā)的JavaScript文件，而且打包了依賴項(xiàng)（即那些第三方庫文件），這確實(shí)是比較大的。webpack具有解決依賴關(guān)系、多模塊標(biāo)準(zhǔn)支持、多功能插件支持等優(yōu)點(diǎn)。與這些軟件工程中迫切需要解決的問題相比，“大”可以通過其他途徑來解決。例如，uglify可以在很大程度上壓縮源代碼并減少其體積?；蛘咄ㄟ^nginx_uucomp_uu2;的gzip，level選項(xiàng)可以設(shè)置從1到9的不同壓縮級(jí)別，以降低網(wǎng)絡(luò)傳輸壓力。兩者混用的效果非常好，也是最常見、最有效的方法反應(yīng).js經(jīng)過uglify，源文件不到200K，如果用nginx壓縮，用戶可以用40K下載，在今天的網(wǎng)絡(luò)環(huán)境下，除非有準(zhǔn)確的測(cè)試結(jié)果，否則實(shí)在沒有必要考慮文件大小的問題一開始。我們不再是那個(gè)時(shí)代了

包裝太大了。我們推薦兩種快速方法：

外部鏈第三方依賴

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

使用commonchunkplugin提取公共代碼

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

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

JS用法：

1。在行JS

<button type=“button”O(jiān) nclick=“J腳本：警報(bào)（“你好?！啊薄?gt單擊我！</button>

2。Internal JS

<script type=“text/JavaScript”>

//聲明一個(gè)函數(shù)（可以使用整個(gè)文檔）

function hello（）{控制臺(tái).log（“你好?！啊?/p>

}

</script>

3。External JS

通過CDN引入JS公共庫，如jQuery

<script SRC=“https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js“></script>

或介紹您自己的JS

<script SRC=”你好.js“></script>

也可以通過文檔.寫入動(dòng)態(tài)引入JS，例如：

文檔.寫入（“<script src=”https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js“type=”text/javascript“></script>”）虛擬用戶.js介紹材質(zhì).css這些UI庫使用Vue cli創(chuàng)建以webpack為模板的項(xiàng)目，NPM install material CSS，然后如何配置它們以供使用取決于您的需求。第一種全球性的介紹是主要.js在“.”中寫入路徑導(dǎo)入。/css/xxx.css文件在第二個(gè)組件中，組件中的樣式標(biāo)記是@import。/CSS/xxx.css文件“如果它只是純CSS，那么它直接在主要.js導(dǎo)入“三十、 css格式“應(yīng)該沒問題，我沒有使用你說的CSS材料，但是GitHub的自述應(yīng)該在它之后討論如何使用NPM？通常，它是一個(gè)全局引用，這是根組件和虛擬用戶它要么支持本地引用，要么在必需的組件中需要它們，要么在組件中聲明它們。CMDrequire（“！時(shí)尚！css！材質(zhì)css/材質(zhì)-css.css文件）如果全局使用，則可以在索引.html如果在組件中使用，則可以使用導(dǎo)入xx.css文件

html里面怎么使用外部的js？

我在這部電影的標(biāo)題文章中有詳細(xì)的解釋：https://www.toutiao.com/i6498525771718459918/