title: ElementUi: Individual components have same size as full bundle?
body: <p>I want to use some handpicked components from <a href="https://element.eleme.cn/#/en-US/component/installation" rel="nofollow noreferrer">ElementUi</a> instead of the full bundle.</p>
  
  <p>I am using <a href="https://laravel-mix.com/" rel="nofollow noreferrer">laravel-mix</a> to compile and minify my bundles.</p>
  
  <p>It seems that it does not matter if I only register 2 components or the complete bundle in my <code>App.vue</code>, because</p>
  
  <pre><code>import Vue from 'vue';
  import { Button, Select } from 'element-ui';
  import 'element-ui/lib/theme-chalk/index.css';
  
  Vue.use(Button)
  Vue.use(Select)
  
  const app = new Vue({
      el: '#app'
  });
  </code></pre>
  
  <p>and </p>
  
  <pre><code>import Vue from 'vue';
  import ElementUI from 'element-ui';
  import 'element-ui/lib/theme-chalk/index.css';
  
  Vue.use(ElementUI);
  
  new Vue({
    el: '#app'
  });
  </code></pre>
  
  <p>both end up to be compiled into <code>app.js</code> of size <code>687kb</code>. Why is that?</p>
  
  <p>This is my <code>webpack.mix.js</code> configuration:</p>
  
  <pre><code>const mix = require('laravel-mix');
  
  mix.webpackConfig({
     externals: {
      vue: 'Vue'
    }
  });
  
  mix.options({
    extractVueStyles: 'public/css/components.css',
    purifyCss: true,
  });
  
  mix.js('resources/assets/js/app.js', 'public/js')
  </code></pre>
  
  <p>If I try the same with Buefy as explained <a href="https://buefy.org/documentation/start" rel="nofollow noreferrer">here</a> then the bundle size has a big difference, table + input is only <code>50kb</code> while the full bundle is <code>222kb</code>.</p>