按需引入饿了么组件

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

按需引入


借助 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

相关文章
|
12天前
|
缓存 JavaScript 前端开发
Vue2与Vue3:深度剖析核心差异与升级亮点
随着Vue.js框架的不断演进,Vue2与Vue3作为两个重要版本,各自承载了特定时期的前端开发理念和技术实践。本文将全面探讨Vue2与Vue3之间的核心区别,旨在帮助开发者理解两者在设计思路、性能优化、API结构、生命周期管理等方面的显著差异,以便更好地选择和迁移至适合项目的框架版本。
27 2
|
6月前
|
开发框架 JavaScript 前端开发
详解如何在vue项目中引入饿了么elementUI组件
详解如何在vue项目中引入饿了么elementUI组件
70 0
|
3月前
|
存储 JavaScript 前端开发
|
9月前
|
前端开发
饿了么组件库使用遇到的问题
饿了么组件库使用遇到的问题
|
10月前
|
JavaScript 定位技术 API
Vue项目中引入高德地图步骤详解
Vue项目中引入高德地图步骤详解
447 0
|
12月前
|
JavaScript 前端开发 算法
vue框架对前端行业的影响
Vue.js 是一款现代化的JavaScript框架,它采用了响应式数据绑定技术、组件化和虚拟DOM等特性,为前端开发者提供了一个高效、灵活、易上手的开发环境。自2014年发布以来,Vue.js 已经成为前端开发领域的一股强大力量,对于业界的发展和变革产生了重要影响。
|
SQL 开发框架 JavaScript
腾讯开源组件库tdesign-vue:新增组件时是如何初始化的
组件库在添加一个组件的时候,可能会涉及到很多初始化的问题,比如要添加组件库入口文件、组件的说明文档文件、demo例子的入口文件,单元测试的入口文件等等
296 0
|
存储 资源调度 前端开发
搭建Vue3组件库:第十二章 使用 Monorepo 方式管理组件生态
本章介绍采用Monorepo的方式管理组件生态
877 0
搭建Vue3组件库:第十二章 使用 Monorepo 方式管理组件生态
|
存储 负载均衡 Java
基于springboot+vue实现外卖点餐系统
基于springboot+vue实现外卖点餐系统
401 0
基于springboot+vue实现外卖点餐系统
|
JavaScript
Vue黑科技之组件万能通信方法
Vue黑科技之组件万能通信方法
111 0