elementUI按需引入

1. npm i element-ui(-D-S根据需要来定)

2.安装 babel-plugin-component

npm install babel-plugin-component -D

3.将 .babelrc文件或babel.config.js 做如下配置：

module.exports = {presets: ['@vue/cli-plugin-babel/preset',['es2015', { modules: false }],],plugins: [['component',{libraryName: 'element-ui',styleLibraryName: 'theme-chalk',},],],
}

4.按需引入

import Vue from 'vue';
import { Button, Select } from 'element-ui';
import App from './App.vue';Vue.component(Button.name, Button);
Vue.component(Select.name, Select);
/* 或写为* Vue.use(Button)* Vue.use(Select)*/new Vue({el: '#app',render: h => h(App)
});

5.配置中的"es2015"改为'@babel/preset-env'

6.在需要的页面使用el-标签名进行使用即可

elementUI按需引入相关推荐

vue-cli3构建项目时elementUI按需引入问题
vue-cli3构建项目时elementUI按需引入问题报错1:Error: Cannot find module 'babel-preset-es2015' 报错2:Error: Cannot f ...
element ui需要引入样式吗_彻底学会element-ui按需引入和纯净主题定制
原标题:彻底学会element-ui按需引入和纯净主题定制作者:wuwhs 来源:SegmentFault 思否社区前言手上有些项目用的element-ui,刚好有空琢磨一下怎么减小打包文件大小 ...
Vue使用Element-ui按需引入大坑
vue使用element-ui按需导入大坑前言一.element-ui按需导入二.卸载element-ui 重装三.正确卸载步骤总结前言 element-ui按需导入小编使用了vue ad ...
element-ui按需引入
1.安装 cnpm i element-ui -S //-S表示 --save 2.借助 babel-plugin-component,我们可以只引入需要的组件,以达到减小项目体积的目的. npm i ...
ElementUI 按需引入坑爹的点记录
官网说的是这样的: 但实际上,应该是这样修改: {"presets": [["env", {"targets": {"browse ...
vue.js项目中，关于element-ui完整引入、按需引入的介绍
element-ui引入方式,简单说来有两种:完整引入.按需引入首先谈一下npm安装element-ui的方法: cmd到项目目录,然后执行cmd命令:npm i element-ui -S稍等片刻 ...
针对elementUI 中InfiniteScroll按需引入的一点注意事项
大家为了节省空间,常常进行按需引入来节省空间,这里我给大家来介绍一下element中按需引入无限滚动指令注意的事项. 针对前面element 按需引入的一些配置这里就不再详细介绍了. 那么这里讲的是在 ...
vue项目中element-ui全局引入按需引入按需引入报错解决
elementUI中文网址: https://element.eleme.cn/#/zh-CN/component/layout 全局引入 1.安装element-ui cnpm install el ...
vue-cli3 按需引入element-ui
按照官网的教程:按需引入需要借助:babel-plugin-component 安装:babel-plugin-component 注意:官网是修改 .babelrc 文件,我这里为了方便就直接修改 ...

elementUI按需引入

elementUI按需引入相关推荐

最新文章

热门文章