vue/cli@4|vue/cli@4 ,引入element-ui 的步骤及踩坑记录-按需引入
1.main.js中这样写 ，其他组件用啥，main中引入啥
import {Message,Button} from 'element-ui'
Vue.use(Message)
Vue.use(Button)
Vue.prototype.$message = Message;
Message.closeAll()
2.没下的依赖，下载一下
"babel-loader": "^8.0.6",
"babel-plugin-component": "^1.1.1",
"cache-loader": "^4.1.0",
"core-js": "^3.6.3",
"element-ui": "^2.13.0",
"vue-loader": "^15.8.3"
"vue-cli-plugin-element": "^1.0.1",
3.babel.config.js 中配置修改一下
module.exports = {
presets: [
【vue/cli@4|vue/cli@4 ,引入element-ui 的步骤及踩坑记录-按需引入】'@vue/cli-plugin-babel/preset'
],
"plugins": [
[
"component",
{
"libraryName": "element-ui",
"styleLibraryName": "theme-chalk"
}
]
]
}
4.组件中应用 ，就完全可以启动了
推荐阅读
- vue-cli|vue-cli 3.x vue.config.js 配置
- 2020-04-07vue中Axios的封装和API接口的管理
- VueX--VUE核心插件
- vue组件中为何data必须是一个函数（）
- 用npm发布一个包的教程并编写一个vue的插件发布
- vuex|vuex 基础结构
- Vue源码分析—响应式原理(二)
- VueX（Vuex|VueX（Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式)
- vue中的条件判断详解v-if|vue中的条件判断详解v-if v-else v-else-if v-show
- 如何在手机上查看测试vue-cli构建的项目