摘要:才來(lái)公司,填坑。然后發(fā)現(xiàn)項(xiàng)目打包越來(lái)越大。然后就滿(mǎn)世界找解決方法。網(wǎng)上看到這個(gè)神器。然后我配置完畢各種報(bào)錯(cuò)。然后去看的官方文檔。然后找到然后再看文檔。看這段不用配置任何,在的時(shí)候添加參數(shù)就好啦。然后運(yùn)行一下,瀏覽器訪問(wèn)。
浪費(fèi)幾多時(shí)間。 才來(lái)公司,填坑。然后發(fā)現(xiàn)項(xiàng)目打包越來(lái)越大。然后就滿(mǎn)世界找解決方法。網(wǎng)上看到 webpack-bundle-analyzer 這個(gè)神器。然后各種說(shuō)配置 package.json 文件。然后我配置完畢各種報(bào)錯(cuò)。
折騰一番,感覺(jué)玩不下去了。然后去看 vue-cli 的官方文檔。然后找到 vuejs-templates/webpack 然后再看文檔。我能說(shuō)啥??催@段:
# build for production and view the bundle analyzer report npm run build --report
不用配置任何 script ,在 build 的時(shí)候添加參數(shù) 就好啦。然后運(yùn)行一下,瀏覽器訪問(wèn) http://127.0.0.1:8888 。
然后開(kāi)始填坑。。。
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/90510.html
摘要:隨著項(xiàng)目越來(lái)約龐大,導(dǎo)致構(gòu)建包的時(shí)候速度緩慢首先推薦使用的可視化資源分析工具。拉拉拉拉拉開(kāi)心瀏覽器打開(kāi)分析結(jié)果,大概長(zhǎng)這個(gè)樣子喲分析結(jié)果出來(lái)了,接下來(lái)就可以開(kāi)始優(yōu)化啦 隨著項(xiàng)目越來(lái)約龐大,導(dǎo)致構(gòu)建包的時(shí)候速度緩慢! 首先推薦使用wepback的可視化資源分析工具。以下給出webpack-bundle-analyzer配置【vue-cli構(gòu)建項(xiàng)目時(shí)會(huì)自動(dòng)配置好】 安裝webpack-b...
摘要:主要是首屏加載太慢。文件按需加載如果沒(méi)有這個(gè)設(shè)置,項(xiàng)目首屏加載時(shí)會(huì)加載整個(gè)網(wǎng)站所有的文件,所以將文件拆開(kāi),點(diǎn)擊某個(gè)頁(yè)面時(shí)再加載該頁(yè)面的是一個(gè)很好的優(yōu)化方法。在中,不要使用的方法引入組件,使用。使用插件,將的值改成。 主要是首屏加載太慢。 大文件定位我們可以使用webpack可視化插件Webpack Bundle Analyzer 查看工程js文件大小,然后有目的的解決過(guò)大的js文件。 ...
摘要:主要是首屏加載太慢。文件按需加載如果沒(méi)有這個(gè)設(shè)置,項(xiàng)目首屏加載時(shí)會(huì)加載整個(gè)網(wǎng)站所有的文件,所以將文件拆開(kāi),點(diǎn)擊某個(gè)頁(yè)面時(shí)再加載該頁(yè)面的是一個(gè)很好的優(yōu)化方法。在中,不要使用的方法引入組件,使用。使用插件,將的值改成。 主要是首屏加載太慢。 大文件定位我們可以使用webpack可視化插件Webpack Bundle Analyzer 查看工程js文件大小,然后有目的的解決過(guò)大的js文件。 ...
摘要:基于搭建的前端模板,本倉(cāng)庫(kù),即可搭建完成一個(gè)新項(xiàng)目的基礎(chǔ)模板,源碼地址,歡迎或特性預(yù)編譯語(yǔ)言,做了一定的封裝,詳見(jiàn)雪碧圖移動(dòng)的適配方案引入了及,可以自由地用去開(kāi)發(fā)常用的工具類(lèi)引用全局注入相關(guān)的文件,如通用的及等常用的的集合支持 基于 vue-cli3 搭建的前端模板,clone 本倉(cāng)庫(kù),即可搭建完成一個(gè)新項(xiàng)目的基礎(chǔ)模板,源碼地址,歡迎 star 或 fork 特性 CSS 預(yù)編譯語(yǔ)言...
閱讀 2896·2021-10-26 09:49
閱讀 3231·2021-10-14 09:42
閱讀 2057·2021-09-13 10:31
閱讀 2600·2019-08-30 11:13
閱讀 2972·2019-08-29 16:31
閱讀 1086·2019-08-29 13:58
閱讀 1869·2019-08-29 12:12
閱讀 3596·2019-08-26 13:48