溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
今天就跟大家聊聊有關Vue-cli4 配置 element-ui 實現按需引入的方法，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結了以下內容，希望大家根據這篇文章可以有所收獲。
#1 node與vue的版本情況
#2 未按需加載打包后的文件情況
由上圖看出，只是引入了 element-ui 框架后，js文件急劇的上升到了 783KB，這顯然是不能接受的。
element-ui 按需加載文檔：https://element.eleme.cn/#/zh-CN/component/quickstart
#3 添加 babel-plugin-component 依賴
#4 正確配置按需功能
打開 官方文檔地址，找到按需加載的示例代碼處，復制 plugins 的內容，不能按文檔中說的文件設置，這里是個坑；
打開項目根目錄中的 babel.config.js ，粘貼剛才復制的內容，具體結果請看下圖；
#5 按需引入到模塊中
#6 已按需加載打包后的文件情況
啦！啦！啦！按需加載的設置成功了，可以瘋狂的進行編碼了。
路由懶加載也是一種優化方式哦！
補充知識：vue-cli@4安裝Element-ui
vue-cli@3.0之后，element-ui提供相應的element插件，我們可以用這個插件快速的來安裝element-ui。只需要cd到工程根目錄，運行vue add element即可：
vue add element
1，選擇全部導入
2，第二步 選擇Y
3，第三步直接回車
看完上述內容，你們對Vue-cli4 配置 element-ui 實現按需引入的方法有進一步的了解嗎？如果還想了解更多知識或者相關內容，請關注億速云行業資訊頻道，感謝大家的支持。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
