按需引入饿了么组件

简介: 按需引入饿了么组件

按需引入


借助 babel-plugin-component,我们可以只引入需要的组件,以达到减小项目体积的目的。


首先,安装 babel-plugin-component:


npm install babel-plugin-component -D


然后,将 .babelrc 修改为:


{
  "presets": [["es2015", { "modules": false }]],
  "plugins": [
    [
      "component",
      {
        "libraryName": "element-ui",
        "styleLibraryName": "theme-chalk"
      }
    ]
  ]
}


masn.js


import { Button, Input, Loading, Message } from "element-ui";
Vue.use(Button)
Vue.use(Input)
Vue.use(Loading)
Vue.prototype.$message = Message;
import "@/assets/scss/global.scss";
import 'element-ui/lib/theme-chalk/index.css';
Vue.config.productionTip = false

相关文章
|
13天前
|
缓存 JavaScript 前端开发
Vue2与Vue3:深度剖析核心差异与升级亮点
随着Vue.js框架的不断演进,Vue2与Vue3作为两个重要版本,各自承载了特定时期的前端开发理念和技术实践。本文将全面探讨Vue2与Vue3之间的核心区别,旨在帮助开发者理解两者在设计思路、性能优化、API结构、生命周期管理等方面的显著差异,以便更好地选择和迁移至适合项目的框架版本。
28 2
|
6月前
|
开发框架 JavaScript 前端开发
详解如何在vue项目中引入饿了么elementUI组件
详解如何在vue项目中引入饿了么elementUI组件
70 0
|
3月前
|
存储 JavaScript 前端开发
|
9月前
|
前端开发
饿了么组件库使用遇到的问题
饿了么组件库使用遇到的问题
|
11月前
|
小程序 前端开发 Java
springboot+vue基本微信小程序的外卖点餐平台
餐饮行业是一个传统的行业。根据当前发展现状,网络信息时代的全面普及,餐饮行业也在发生着变化,单就点餐这一方面,利用手机点单正在逐步进入人们的生活。传统的点餐方式,不仅会耗费大量的人力、时间,有时候还会出错。小程序系统伴随智能手机为我们提供了新的方向。手机外卖点餐平台小程序的实现,首先服务员可以根据外卖点餐平台小程序系统确认点餐,并且根据账单来计算提成;其次餐厅管理人员可以根据订单记录,提前采购,提高顾客的满意度,而且更便于对员工的管理。这款基于小程序平台的外卖点餐平台小程序的设计与实现将会使外卖点餐平台小程序操作更加自如。本文通过对国内外现状的分析,明确了外卖点餐平台小程序在国内外的基本情况,
128 0
springboot+vue基本微信小程序的外卖点餐平台
|
12月前
|
JavaScript 前端开发 算法
vue框架对前端行业的影响
Vue.js 是一款现代化的JavaScript框架,它采用了响应式数据绑定技术、组件化和虚拟DOM等特性,为前端开发者提供了一个高效、灵活、易上手的开发环境。自2014年发布以来,Vue.js 已经成为前端开发领域的一股强大力量,对于业界的发展和变革产生了重要影响。
|
JavaScript 前端开发 API
vue电商项目归纳总结(1)
vue电商项目归纳总结(1)
vue电商项目归纳总结(1)
|
存储 资源调度 前端开发
搭建Vue3组件库:第十二章 使用 Monorepo 方式管理组件生态
本章介绍采用Monorepo的方式管理组件生态
877 0
搭建Vue3组件库:第十二章 使用 Monorepo 方式管理组件生态
|
存储 负载均衡 Java
基于springboot+vue实现外卖点餐系统
基于springboot+vue实现外卖点餐系统
402 0
基于springboot+vue实现外卖点餐系统
react18-学习笔记36-组件库起航 第一个组件需求分析
react18-学习笔记36-组件库起航 第一个组件需求分析
54 0
react18-学习笔记36-组件库起航 第一个组件需求分析