关于vue.js:vue项目elment按需导入

您所在的位置：网站首页 › vue项目导入element › 关于vue.js:vue项目elment按需导入

关于vue.js:vue项目elment按需导入

2022-05-16 20:51| 来源: 网络整理| 查看: 265

vue我的项目elment按需导入

1.开发环境 vue+element2.电脑系统 windows10专业版3.在应用 vue+element开发的的过程中,咱们可能只是应用element-ui的几个组件,如果咱们把整个element-ui引入的话,就会导致我的项目过大。上面是element-ui按需导入的办法,心愿对你有所帮忙。4.在终端执行命令:

npm add element-ui npm install babel-plugin-component -D

5.在babel.config.js增加如下代码:

module.exports = { presets: [ '@vue/app' ], "plugins":[ [ "component", { "librayName":"element-ui", "styleLibraryName":"theme-chalk" } ] ] }

6.在main.js中增加如下代码:

import {Button,Progress} from 'element-ui'; Vue.use(Button); Vue.use(Progress);

7.在vue模板中应用:

胜利按钮

8.本期分享到了这里就完结啦,是不是很nice,心愿对你有所帮忙,让咱们一起致力走向巅峰!

【本文地址】

关于vue.js:vue项目elment按需导入

关于vue.js:vue项目elment按需导入

今日新闻

推荐新闻