element-ui组件默认size失效

Question

项目使用elementui组件库，引入的时候有默认size且能生效，但是某一个页面单独引入组件之后默认值失效

某一个插件内部使用了import {Message} from 'element-ui'，然后在main.js中引入且使用Vue.use()注册

输入框，按钮等组件默认size失效，变得很大

修改引入方式为 import Message from 'element-ui/packages/message/index'后问题已修复，但是不明白深层次的原因

有没有人帮忙解答一下原因，为什么之前的写法不行，换了一下就可以了

Answer 1

import {Message} from 'element-ui' 引进来的是个样式已经加载打包好的单独组件

import Message from 'element-ui/packages/message/index' 引进来的是整个项目中的单个组件 样式依赖于全局样式等等