中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

Vue-cli4配置element-ui實現(xiàn)按需引入的方法-創(chuàng)新互聯(lián)

今天就跟大家聊聊有關(guān)Vue-cli4 配置 element-ui 實現(xiàn)按需引入的方法,可能很多人都不太了解,為了讓大家更加了解,小編給大家總結(jié)了以下內(nèi)容,希望大家根據(jù)這篇文章可以有所收獲。

成都創(chuàng)新互聯(lián)公司是一家集網(wǎng)站建設(shè),無極企業(yè)網(wǎng)站建設(shè),無極品牌網(wǎng)站建設(shè),網(wǎng)站定制,無極網(wǎng)站建設(shè)報價,網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,無極網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè),幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競爭力??沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿,時刻以成就客戶成長自我,堅持不斷學(xué)習(xí)、思考、沉淀、凈化自己,讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。

#1 node與vue的版本情況

Vue-cli4 配置 element-ui 實現(xiàn)按需引入的方法

#2 未按需加載打包后的文件情況

Vue-cli4 配置 element-ui 實現(xiàn)按需引入的方法

由上圖看出,只是引入了 element-ui 框架后,js文件急劇的上升到了 783KB,這顯然是不能接受的。

element-ui 按需加載文檔:https://element.eleme.cn/#/zh-CN/component/quickstart

#3 添加 babel-plugin-component 依賴

Vue-cli4 配置 element-ui 實現(xiàn)按需引入的方法

#4 正確配置按需功能

打開 官方文檔地址,找到按需加載的示例代碼處,復(fù)制 plugins 的內(nèi)容,不能按文檔中說的文件設(shè)置,這里是個坑;

打開項目根目錄中的 babel.config.js ,粘貼剛才復(fù)制的內(nèi)容,具體結(jié)果請看下圖;

Vue-cli4 配置 element-ui 實現(xiàn)按需引入的方法

#5 按需引入到模塊中

Vue-cli4 配置 element-ui 實現(xiàn)按需引入的方法

#6 已按需加載打包后的文件情況

Vue-cli4 配置 element-ui 實現(xiàn)按需引入的方法

Vue-cli4 配置 element-ui 實現(xiàn)按需引入的方法

啦!啦!啦!按需加載的設(shè)置成功了,可以瘋狂的進(jìn)行編碼了。

路由懶加載也是一種優(yōu)化方式哦!

補(bǔ)充知識:vue-cli@4安裝Element-ui

vue-cli@3.0之后,element-ui提供相應(yīng)的element插件,我們可以用這個插件快速的來安裝element-ui。只需要cd到工程根目錄,運行vue add element即可:

vue add element

1,選擇全部導(dǎo)入

Vue-cli4 配置 element-ui 實現(xiàn)按需引入的方法

2,第二步 選擇Y

3,第三步直接回車

Vue-cli4 配置 element-ui 實現(xiàn)按需引入的方法

看完上述內(nèi)容,你們對Vue-cli4 配置 element-ui 實現(xiàn)按需引入的方法有進(jìn)一步的了解嗎?如果還想了解更多知識或者相關(guān)內(nèi)容,請關(guān)注創(chuàng)新互聯(lián)-成都網(wǎng)站建設(shè)公司行業(yè)資訊頻道,感謝大家的支持。

本文名稱:Vue-cli4配置element-ui實現(xiàn)按需引入的方法-創(chuàng)新互聯(lián)
分享網(wǎng)址:http://www.rwnh.cn/article26/dcppcg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供搜索引擎優(yōu)化、響應(yīng)式網(wǎng)站、企業(yè)網(wǎng)站制作動態(tài)網(wǎng)站、網(wǎng)站策劃、電子商務(wù)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

搜索引擎優(yōu)化
武宁县| 河东区| 元朗区| 炉霍县| 大余县| 离岛区| 曲水县| 嵊泗县| 五华县| 齐齐哈尔市| 安吉县| 集安市| 景东| 河南省| 宿州市| 新安县| 凯里市| 黄浦区| 洛南县| 道孚县| 钟山县| 镇康县| 石狮市| 海晏县| 永修县| 辽阳县| 周宁县| 高密市| 河池市| 离岛区| 沅江市| 湘乡市| 绵竹市| 宿松县| 苍南县| 巴东县| 望都县| 苍溪县| 丹江口市| 丹寨县| 广德县|