国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

Vue項目中app.js過大,導(dǎo)致web初始化加載過慢問題

這篇具有很好參考價值的文章主要介紹了Vue項目中app.js過大,導(dǎo)致web初始化加載過慢問題。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

1、刪除多余不需要的庫: npm uninstall xxx

如例如moment庫文件是很大的可以直接放到index.html文件直接CDN引入

2、修改/config/index.js配置文件:將productionGzip設(shè)置為false

Vue項目中app.js過大,導(dǎo)致web初始化加載過慢問題,前端,vue.js,app.js?

3、設(shè)置vue-router懶加載

懶加載配置:

Vue項目中app.js過大,導(dǎo)致web初始化加載過慢問題,前端,vue.js,app.js?

非懶加載配置:

Vue項目中app.js過大,導(dǎo)致web初始化加載過慢問題,前端,vue.js,app.js?

4、在webpack.prod.conf.js文件中修改配置:

Vue項目中app.js過大,導(dǎo)致web初始化加載過慢問題,前端,vue.js,app.js?

5、在index.html文件中使用CDN

Vue項目中app.js過大,導(dǎo)致web初始化加載過慢問題,前端,vue.js,app.js?

6、修改/build/webpack.base.conf.js中修改配置。給module.exports添加externals屬性(詳細(xì):?https://webpack.docschina.org/configuration/externals/)

Vue項目中app.js過大,導(dǎo)致web初始化加載過慢問題,前端,vue.js,app.js?

7、按需引入element-ui

Vue項目中app.js過大,導(dǎo)致web初始化加載過慢問題,前端,vue.js,app.js?文章來源地址http://www.zghlxwxcb.cn/news/detail-681043.html

到了這里,關(guān)于Vue項目中app.js過大,導(dǎo)致web初始化加載過慢問題的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實不符,請點擊違法舉報進行投訴反饋,一經(jīng)查實,立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費用

相關(guān)文章

  • 1、前端項目初始化(vue3)

    1、前端項目初始化(vue3)

    安裝npm,(可以用nvm管理npm版本)npm安裝需要安裝node.js(綁定銷售?)而使用nvm就可以很方便的下載不同版本的node,這里是常用命令 配置npm源 命令: 設(shè)置鏡像源: npm config set registry https://registry.npm.taobao.org 查看當(dāng)前使用的鏡像地址: npm config get registry 參考 :https://www.cnbl

    2024年01月20日
    瀏覽(25)
  • 構(gòu)建vue初始化項目:vue create 命令構(gòu)建vue項目

    構(gòu)建vue初始化項目:vue create 命令構(gòu)建vue項目

    首先找到自己的文件夾 1.創(chuàng)建vue項目: vue create vue 2.選擇Manually select features自定義創(chuàng)建 3.選擇vue版本(這里選擇的是vue2) 4. 5. 6. 7. 8創(chuàng)建完成 創(chuàng)建完項目后先刪除node_modules然后執(zhí)行 npm設(shè)置淘寶鏡像加速:npm config set registry https://registry.npm.taobao.org 然后再執(zhí)行 npm安裝: npm install

    2024年02月08日
    瀏覽(24)
  • Vue2電商前臺項目——項目的初始化及搭建

    Vue2電商前臺項目——項目的初始化及搭建

    Vue基礎(chǔ)知識點擊此處——Vue.js 使用腳手架創(chuàng)建項目,在需要放置項目的目錄下打開cmd輸入: 這個name是項目名(我的項目名是potato-mall 創(chuàng)建有問題或者不太熟悉的具體參考之前的腳手架配置筆記 1、腳手架目錄介紹 項目創(chuàng)建成功后,點開項目目錄,會出現(xiàn)以下文件: 這些文件

    2024年02月09日
    瀏覽(18)
  • 從零開始基于go-zero的go web項目實戰(zhàn)-01項目初始化

    從零開始基于go-zero的go web項目實戰(zhàn)-01項目初始化

    導(dǎo)語 Go 是 Google 開發(fā)的一種靜態(tài)強類型、編譯型、并發(fā)型,并具有垃圾回收功能的編程語言,go語言的特點: 語法簡潔 Go語言簡單易學(xué),學(xué)習(xí)曲線平緩 代碼風(fēng)格統(tǒng)一 執(zhí)行性能好 開發(fā)效率高 等等… 在Go語言中,有很多高性能的web框架:gin、beego、iris等。作為后起之秀,近年來

    2024年02月16日
    瀏覽(46)
  • 【vue3項目初始化配置】vue3 + element plus

    【vue3項目初始化配置】vue3 + element plus

    項目初始化是開發(fā)過程中很重要的一個環(huán)節(jié),本篇博客帶大家從零開始創(chuàng)建并初始化一個vue3項目,文章詳細(xì)介紹了每個步驟,希望能幫助剛接觸開發(fā)的小伙伴。 目錄 一.創(chuàng)建項目 二.安裝插件 ??編輯 ?編輯三.安裝依賴 ?編輯??編輯四.配置項目 配置vu.config.js文件 ?配置

    2024年01月18日
    瀏覽(23)
  • 【Vue + TS】項目架構(gòu)、環(huán)境搭建 -------(Vite)安裝初始化(一)

    前言 “學(xué)習(xí)能力也好,執(zhí)行力也罷,核心只有一個:在剛開始的時候,平靜地接受自己的笨拙?!?本篇文章是 Vue項目基于 Vite初始化的過程,借此記錄一下,鞏固基礎(chǔ)! 第一章 安裝 Vite,本篇基于npm進行(請檢測自己的node版本) 具體可看:Vite官方中文文檔 全局安裝vite,

    2024年02月03日
    瀏覽(32)
  • 【Vue全家桶】帶你全面了解通過Vue CLI初始化Vue項目

    【Vue全家桶】帶你全面了解通過Vue CLI初始化Vue項目

    ??這里是前端程序員小張 ??創(chuàng)作不易,希望各位大佬支持一下 什么是Vue腳手架? 在真實開發(fā)中我們不可能每一個項目從頭來完成所有的 webpack配置,這樣顯示開發(fā)的效率會大大的降低; 所以在真實開發(fā)中,我們通常會使用腳手架來創(chuàng)建一個項目,Vue的項目我們使用的就是

    2023年04月09日
    瀏覽(22)
  • 黑馬程序員前端 Vue3 小兔鮮電商項目——(一)初始化項目

    黑馬程序員前端 Vue3 小兔鮮電商項目——(一)初始化項目

    Vue3是Vue.js最新的主要版本,它已經(jīng)于2020年9月18日發(fā)布。它提供了許多新功能和性能改進,這些改進使得Vue更易于使用和更具可擴展性。 以下是Vue3的一些主要特性: 更快的渲染:Vue3使用重寫的響應(yīng)式系統(tǒng),它使用Proxy對象來解決Vue2中的性能瓶頸問題。這使得Vue3的渲染速度比

    2024年02月15日
    瀏覽(41)
  • 黑馬程序員前端 Vue3 小兔鮮電商項目——(二)初始化項目

    黑馬程序員前端 Vue3 小兔鮮電商項目——(二)初始化項目

    Vue3是Vue.js最新的主要版本,它已經(jīng)于2020年9月18日發(fā)布。它提供了許多新功能和性能改進,這些改進使得Vue更易于使用和更具可擴展性。 以下是Vue3的一些主要特性: 更快的渲染:Vue3使用重寫的響應(yīng)式系統(tǒng),它使用Proxy對象來解決Vue2中的性能瓶頸問題。這使得Vue3的渲染速度比

    2024年02月11日
    瀏覽(56)
  • 【前端Vue】社交信息頭條項目完整筆記第1篇:一、項目初始化【附代碼文檔】

    【前端Vue】社交信息頭條項目完整筆記第1篇:一、項目初始化【附代碼文檔】

    社交媒體-信息頭條項目完整開發(fā)筆記完整教程(附代碼資料)主要內(nèi)容講述:一、項目初始化使用 Vue CLI 創(chuàng)建項目,加入 Git 版本管理,調(diào)整初始目錄結(jié)構(gòu),導(dǎo)入圖標(biāo)素材。二、登錄注冊準(zhǔn)備,實現(xiàn)基本登錄功能,登錄狀態(tài)提示,表單驗證。三、個人中心,四、首頁—文章列表TabBar

    2024年03月09日
    瀏覽(23)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包