diff --git a/packages/alert/index.js b/packages/alert/index.js
index 5785e7862..6c585bafb 100644
--- a/packages/alert/index.js
+++ b/packages/alert/index.js
@@ -1,8 +1,8 @@
-const Alert = require('./src/main');
+import Alert from './src/main';
 
 /* istanbul ignore next */
 Alert.install = function(Vue) {
   Vue.component(Alert.name, Alert);
 };
 
-module.exports = Alert;
+export default Alert;
diff --git a/packages/autocomplete/index.js b/packages/autocomplete/index.js
index 324a5b79e..20c16cee8 100644
--- a/packages/autocomplete/index.js
+++ b/packages/autocomplete/index.js
@@ -1,8 +1,8 @@
-const ElAutocomplete = require('./src/autocomplete');
+import ElAutocomplete from './src/autocomplete';
 
 /* istanbul ignore next */
 ElAutocomplete.install = function(Vue) {
   Vue.component(ElAutocomplete.name, ElAutocomplete);
 };
 
-module.exports = ElAutocomplete;
+export default ElAutocomplete;
diff --git a/packages/badge/index.js b/packages/badge/index.js
index 381d62a6f..3d5c72421 100644
--- a/packages/badge/index.js
+++ b/packages/badge/index.js
@@ -1,8 +1,8 @@
-const Badge = require('./src/main');
+import Badge from './src/main';
 
 /* istanbul ignore next */
 Badge.install = function(Vue) {
   Vue.component(Badge.name, Badge);
 };
 
-module.exports = Badge;
+export default Badge;
diff --git a/packages/breadcrumb-item/index.js b/packages/breadcrumb-item/index.js
index 4698cdee7..0fa8bd7bb 100644
--- a/packages/breadcrumb-item/index.js
+++ b/packages/breadcrumb-item/index.js
@@ -1,8 +1,8 @@
-const ElBreadcrumbItem = require('../breadcrumb/src/breadcrumb-item');
+import ElBreadcrumbItem from '../breadcrumb/src/breadcrumb-item';
 
 /* istanbul ignore next */
 ElBreadcrumbItem.install = function(Vue) {
   Vue.component(ElBreadcrumbItem.name, ElBreadcrumbItem);
 };
 
-module.exports = ElBreadcrumbItem;
+export default ElBreadcrumbItem;
diff --git a/packages/breadcrumb/index.js b/packages/breadcrumb/index.js
index f9d1ed4d1..e964011a5 100644
--- a/packages/breadcrumb/index.js
+++ b/packages/breadcrumb/index.js
@@ -1,8 +1,8 @@
-const ElBreadcrumb = require('./src/breadcrumb');
+import ElBreadcrumb from './src/breadcrumb';
 
 /* istanbul ignore next */
 ElBreadcrumb.install = function(Vue) {
   Vue.component(ElBreadcrumb.name, ElBreadcrumb);
 };
 
-module.exports = ElBreadcrumb;
+export default ElBreadcrumb;
diff --git a/packages/button-group/index.js b/packages/button-group/index.js
index bbe8741b8..79a601261 100644
--- a/packages/button-group/index.js
+++ b/packages/button-group/index.js
@@ -1,8 +1,8 @@
-const ElButtonGroup = require('../button/src/button-group');
+import ElButtonGroup from '../button/src/button-group';
 
 /* istanbul ignore next */
 ElButtonGroup.install = function(Vue) {
   Vue.component(ElButtonGroup.name, ElButtonGroup);
 };
 
-module.exports = ElButtonGroup;
+export default ElButtonGroup;
diff --git a/packages/button/.npmignore b/packages/button/.npmignore
deleted file mode 100644
index 87ae846ae..000000000
--- a/packages/button/.npmignore
+++ /dev/null
@@ -1,3 +0,0 @@
-node_modules/
-npm-debug.log
-npm-debug.log.*
diff --git a/packages/button/_index.js b/packages/button/_index.js
new file mode 100644
index 000000000..6541ed046
--- /dev/null
+++ b/packages/button/_index.js
@@ -0,0 +1,13 @@
+import ElButton from './src/button';
+import ElButtonGroup from './src/button-group';
+
+/* istanbul ignore next */
+export default function(Vue) {
+  Vue.component(ElButton.name, ElButton);
+  Vue.component(ElButtonGroup.name, ElButtonGroup);
+};
+
+export {
+  ElButton,
+  ElButtonGroup
+};
diff --git a/packages/button/cooking.conf.js b/packages/button/cooking.conf.js
index 2e6cba66a..1d96af536 100644
--- a/packages/button/cooking.conf.js
+++ b/packages/button/cooking.conf.js
@@ -4,7 +4,7 @@ var config = require('../../build/config');
 
 cooking.set({
   entry: {
-    index: path.join(__dirname, 'index.js')
+    index: path.join(__dirname, '_index.js')
   },
   dist: path.join(__dirname, 'lib'),
   template: false,
diff --git a/packages/button/index.js b/packages/button/index.js
index 565eb9d4d..3b70ce43c 100644
--- a/packages/button/index.js
+++ b/packages/button/index.js
@@ -1,10 +1,8 @@
-const ElButton = require('./src/button');
-const ElButtonGroup = require('./src/button-group');
+import ElButton from './src/button';
 
 /* istanbul ignore next */
 ElButton.install = function(Vue) {
   Vue.component(ElButton.name, ElButton);
-  Vue.component(ElButtonGroup.name, ElButtonGroup);
 };
 
-module.exports = ElButton;
+export default ElButton;
diff --git a/packages/card/index.js b/packages/card/index.js
index dba937292..afd277bd3 100644
--- a/packages/card/index.js
+++ b/packages/card/index.js
@@ -1,8 +1,8 @@
-const Card = require('./src/main');
+import Card from './src/main';
 
 /* istanbul ignore next */
 Card.install = function(Vue) {
   Vue.component(Card.name, Card);
 };
 
-module.exports = Card;
+export default Card;
diff --git a/packages/checkbox-group/index.js b/packages/checkbox-group/index.js
index 3a5c12203..d83bac8f3 100644
--- a/packages/checkbox-group/index.js
+++ b/packages/checkbox-group/index.js
@@ -1,8 +1,8 @@
-const ElCheckboxGroup = require('../checkbox/src/checkbox-group.vue');
+import ElCheckboxGroup from '../checkbox/src/checkbox-group.vue';
 
 /* istanbul ignore next */
 ElCheckboxGroup.install = function(Vue) {
   Vue.component(ElCheckboxGroup.name, ElCheckboxGroup);
 };
 
-module.exports = ElCheckboxGroup;
+export default ElCheckboxGroup;
diff --git a/packages/checkbox/_index.js b/packages/checkbox/_index.js
index b472a412c..9ff52b85c 100644
--- a/packages/checkbox/_index.js
+++ b/packages/checkbox/_index.js
@@ -1,11 +1,13 @@
-const ElCheckbox = require('./src/checkbox');
-const ElCheckboxGroup = require('./src/checkbox-group.vue');
+import ElCheckbox from './src/checkbox';
+import ElCheckboxGroup from './src/checkbox-group.vue';
 
 /* istanbul ignore next */
-module.exports = function install(Vue) {
+export default function install(Vue) {
   Vue.component(ElCheckboxGroup.name, ElCheckboxGroup);
   Vue.component(ElCheckbox.name, ElCheckbox);
 };
 
-exports.ElCheckbox = ElCheckbox;
-exports.ElCheckboxGroup = ElCheckboxGroup;
+export {
+  ElCheckbox,
+  ElCheckboxGroup
+};
diff --git a/packages/checkbox/cooking.conf.js b/packages/checkbox/cooking.conf.js
index dd108dd88..a0733bd78 100644
--- a/packages/checkbox/cooking.conf.js
+++ b/packages/checkbox/cooking.conf.js
@@ -4,7 +4,7 @@ var config = require('../../build/config');
 
 cooking.set({
   entry: {
-    index: path.join(__dirname, 'index.js')
+    index: path.join(__dirname, '_index.js')
   },
   dist: path.join(__dirname, 'lib'),
   template: false,
diff --git a/packages/checkbox/index.js b/packages/checkbox/index.js
index 63367878d..e756c599c 100644
--- a/packages/checkbox/index.js
+++ b/packages/checkbox/index.js
@@ -1,9 +1,9 @@
-const ElCheckbox = require('./src/checkbox');
+import ElCheckbox from './src/checkbox';
 
 /* istanbul ignore next */
 ElCheckbox.install = function(Vue) {
   Vue.component(ElCheckbox.name, ElCheckbox);
 };
 
-module.exports = ElCheckbox;
+export default ElCheckbox;
 
diff --git a/packages/col/index.js b/packages/col/index.js
index 8c1d323a7..93bf34541 100644
--- a/packages/col/index.js
+++ b/packages/col/index.js
@@ -1,9 +1,9 @@
-const ElCol = require('./src/col');
+import ElCol from './src/col';
 
 /* istanbul ignore next */
 ElCol.install = function(Vue) {
   Vue.component(ElCol.name, ElCol);
 };
 
-module.exports = ElCol;
+export default ElCol;
 
diff --git a/packages/date-picker/_index.js b/packages/date-picker/_index.js
index 5ace8811f..4443bd898 100644
--- a/packages/date-picker/_index.js
+++ b/packages/date-picker/_index.js
@@ -3,12 +3,10 @@ import TimePicker from './src/picker/time-picker';
 import TimeSelect from './src/picker/time-select';
 
 /* istanbul ignore next */
-module.exports = function install(Vue) {
+export default function install(Vue) {
   Vue.component(DatePicker.name, DatePicker);
   Vue.component(TimePicker.name, TimePicker);
   Vue.component(TimeSelect.name, TimeSelect);
 };
 
-exports.DatePicker = DatePicker;
-exports.TimePicker = TimePicker;
-exports.TimeSelect = TimeSelect;
+export { DatePicker, TimePicker, TimeSelect };
diff --git a/packages/date-picker/index.js b/packages/date-picker/index.js
index d66a534f7..f4009274c 100644
--- a/packages/date-picker/index.js
+++ b/packages/date-picker/index.js
@@ -5,4 +5,4 @@ DatePicker.install = function install(Vue) {
   Vue.component(DatePicker.name, DatePicker);
 };
 
-module.exports = DatePicker;
+export default DatePicker;
diff --git a/packages/dialog/index.js b/packages/dialog/index.js
index cdf4529a0..5ac0be7b7 100644
--- a/packages/dialog/index.js
+++ b/packages/dialog/index.js
@@ -1,8 +1,8 @@
-const ElDialog = require('./src/component');
+import ElDialog from './src/component';
 
 /* istanbul ignore next */
 ElDialog.install = function(Vue) {
   Vue.component(ElDialog.name, ElDialog);
 };
 
-module.exports = ElDialog;
+export default ElDialog;
diff --git a/packages/dropdown-item/index.js b/packages/dropdown-item/index.js
index 6104ca063..8edcb810d 100644
--- a/packages/dropdown-item/index.js
+++ b/packages/dropdown-item/index.js
@@ -1,8 +1,8 @@
-const ElDropdownItem = require('../dropdown/src/dropdown-item');
+import ElDropdownItem from '../dropdown/src/dropdown-item';
 
 /* istanbul ignore next */
 ElDropdownItem.install = function(Vue) {
   Vue.component(ElDropdownItem.name, ElDropdownItem);
 };
 
-module.exports = ElDropdownItem;
+export default ElDropdownItem;
diff --git a/packages/dropdown-menu/index.js b/packages/dropdown-menu/index.js
index 78d3ba4a8..b7149e7a5 100644
--- a/packages/dropdown-menu/index.js
+++ b/packages/dropdown-menu/index.js
@@ -1,8 +1,8 @@
-const ElDropdownMenu = require('../dropdown/src/dropdown-menu');
+import ElDropdownMenu from '../dropdown/src/dropdown-menu';
 
 /* istanbul ignore next */
 ElDropdownMenu.install = function(Vue) {
   Vue.component(ElDropdownMenu.name, ElDropdownMenu);
 };
 
-module.exports = ElDropdownMenu;
+export default ElDropdownMenu;
diff --git a/packages/dropdown/index.js b/packages/dropdown/index.js
index 4e447f827..ef736670a 100644
--- a/packages/dropdown/index.js
+++ b/packages/dropdown/index.js
@@ -1,8 +1,8 @@
-const ElDropdown = require('./src/dropdown');
+import ElDropdown from './src/dropdown';
 
 /* istanbul ignore next */
 ElDropdown.install = function(Vue) {
   Vue.component(ElDropdown.name, ElDropdown);
 };
 
-module.exports = ElDropdown;
+export default ElDropdown;
diff --git a/packages/form-item/index.js b/packages/form-item/index.js
index 86c901045..b7cbdc9c0 100644
--- a/packages/form-item/index.js
+++ b/packages/form-item/index.js
@@ -1,8 +1,8 @@
-const ElFormItem = require('../form/src/form-item');
+import ElFormItem from '../form/src/form-item';
 
 /* istanbul ignore next */
 ElFormItem.install = function(Vue) {
   Vue.component(ElFormItem.name, ElFormItem);
 };
 
-module.exports = ElFormItem;
+export default ElFormItem;
diff --git a/packages/form/_index.js b/packages/form/_index.js
index 43db3f6ca..e827e24ac 100644
--- a/packages/form/_index.js
+++ b/packages/form/_index.js
@@ -1,11 +1,10 @@
-const ElFormItem = require('./src/form-item');
-const ElForm = require('./src/form');
+import ElFormItem from './src/form-item';
+import ElForm from './src/form';
 
 /* istanbul ignore next */
-module.exports = function(Vue) {
+export default function(Vue) {
   Vue.component(ElForm.name, ElForm);
   Vue.component(ElFormItem.name, ElFormItem);
 };
 
-exports = ElFormItem;
-exports = ElForm;
+export { ElForm, ElFormItem };
diff --git a/packages/form/index.js b/packages/form/index.js
index c1f99de98..dff75adda 100644
--- a/packages/form/index.js
+++ b/packages/form/index.js
@@ -1,8 +1,8 @@
-const ElForm = require('./src/form');
+import ElForm from './src/form';
 
 /* istanbul ignore next */
 ElForm.install = function(Vue) {
   Vue.component(ElForm.name, ElForm);
 };
 
-module.exports = ElForm;
+export default ElForm;
diff --git a/packages/icon/index.js b/packages/icon/index.js
index e94dcc114..7b8db5ccc 100644
--- a/packages/icon/index.js
+++ b/packages/icon/index.js
@@ -1,8 +1,8 @@
-const ElIcon = require('./src/icon.vue');
+import ElIcon from './src/icon.vue';
 
 /* istanbul ignore next */
 ElIcon.install = function(Vue) {
   Vue.component(ElIcon.name, ElIcon);
 };
 
-module.exports = ElIcon;
+export default ElIcon;
diff --git a/packages/input-number/index.js b/packages/input-number/index.js
index a159a154f..a44fced46 100644
--- a/packages/input-number/index.js
+++ b/packages/input-number/index.js
@@ -1,8 +1,8 @@
-const ElInputNumber = require('./src/input-number');
+import ElInputNumber from './src/input-number';
 
 /* istanbul ignore next */
 ElInputNumber.install = function(Vue) {
   Vue.component(ElInputNumber.name, ElInputNumber);
 };
 
-module.exports = ElInputNumber;
+export default ElInputNumber;
diff --git a/packages/input/index.js b/packages/input/index.js
index 2e24b75f2..6b0073e1e 100644
--- a/packages/input/index.js
+++ b/packages/input/index.js
@@ -1,8 +1,8 @@
-const ElInput = require('./src/input');
+import ElInput from './src/input';
 
 /* istanbul ignore next */
 ElInput.install = function(Vue) {
   Vue.component(ElInput.name, ElInput);
 };
 
-module.exports = ElInput;
+export default ElInput;
diff --git a/packages/loading/index.js b/packages/loading/index.js
index 7a049eebd..52ae1e4c6 100644
--- a/packages/loading/index.js
+++ b/packages/loading/index.js
@@ -1 +1,2 @@
-module.exports = require('./src/directive');
+import Directive from './src/directive';
+export default Directive;
diff --git a/packages/menu-item-group/index.js b/packages/menu-item-group/index.js
index c538f3c8c..c8e6b2722 100644
--- a/packages/menu-item-group/index.js
+++ b/packages/menu-item-group/index.js
@@ -1,8 +1,8 @@
-const ElMenuItemGroup = require('../menu/src/menu-item-group');
+import ElMenuItemGroup from '../menu/src/menu-item-group';
 
 /* istanbul ignore next */
 ElMenuItemGroup.install = function(Vue) {
   Vue.component(ElMenuItemGroup.name, ElMenuItemGroup);
 };
 
-module.exports = ElMenuItemGroup;
+export default ElMenuItemGroup;
diff --git a/packages/menu-item/index.js b/packages/menu-item/index.js
index 77fb13ac5..94ab9528a 100644
--- a/packages/menu-item/index.js
+++ b/packages/menu-item/index.js
@@ -1,8 +1,8 @@
-const ElMenuItem = require('../menu/src/menu-item');
+import ElMenuItem from '../menu/src/menu-item';
 
 /* istanbul ignore next */
 ElMenuItem.install = function(Vue) {
   Vue.component(ElMenuItem.name, ElMenuItem);
 };
 
-module.exports = ElMenuItem;
+export default ElMenuItem;
diff --git a/packages/menu/_index.js b/packages/menu/_index.js
index 1978d01e1..b0b90082d 100644
--- a/packages/menu/_index.js
+++ b/packages/menu/_index.js
@@ -1,17 +1,19 @@
-const ElMenu = require('./src/menu');
-const ElMenuItem = require('./src/menu-item');
-const ElMenuItemGroup = require('./src/menu-item-group');
-const ElSubmenu = require('./src/submenu');
+import ElMenu from './src/menu';
+import ElMenuItem from './src/menu-item';
+import ElMenuItemGroup from './src/menu-item-group';
+import ElSubmenu from './src/submenu';
 
 /* istanbul ignore next */
-module.exports = function(Vue) {
+export default function(Vue) {
   Vue.component(ElMenuItem.name, ElMenuItem);
   Vue.component(ElMenuItemGroup.name, ElMenuItemGroup);
   Vue.component(ElMenu.name, ElMenu);
   Vue.component(ElSubmenu.name, ElSubmenu);
 };
 
-exports.ElMenuItemGroup = ElMenuItemGroup;
-exports.ElMenuItem = ElMenuItem;
-exports.ElMenu = ElMenu;
-exports.ElSubmenu = ElSubmenu;
+export {
+  ElMenuItemGroup,
+  ElMenuItem,
+  ElMenu,
+  ElSubmenu
+};
diff --git a/packages/menu/index.js b/packages/menu/index.js
index bd85c2b23..b5b2f5aa7 100644
--- a/packages/menu/index.js
+++ b/packages/menu/index.js
@@ -1,8 +1,8 @@
-const ElMenu = require('./src/menu');
+import ElMenu from './src/menu';
 
 /* istanbul ignore next */
 ElMenu.install = function(Vue) {
   Vue.component(ElMenu.name, ElMenu);
 };
 
-module.exports = ElMenu;
+export default ElMenu;
diff --git a/packages/message-box/index.js b/packages/message-box/index.js
index b13851833..703e9c610 100644
--- a/packages/message-box/index.js
+++ b/packages/message-box/index.js
@@ -1 +1,2 @@
-module.exports = require('./src/main.js');
+import MessageBox from './src/main.js';
+export default MessageBox;
diff --git a/packages/message/index.js b/packages/message/index.js
index b13851833..9a48b6bb2 100644
--- a/packages/message/index.js
+++ b/packages/message/index.js
@@ -1 +1,2 @@
-module.exports = require('./src/main.js');
+import Message from './src/main.js';
+export default Message;
diff --git a/packages/notification/index.js b/packages/notification/index.js
index b13851833..1931d0606 100644
--- a/packages/notification/index.js
+++ b/packages/notification/index.js
@@ -1 +1,2 @@
-module.exports = require('./src/main.js');
+import Notification from './src/main.js';
+export default Notification;
diff --git a/packages/option-group/index.js b/packages/option-group/index.js
index 4524de2d3..47b88d682 100644
--- a/packages/option-group/index.js
+++ b/packages/option-group/index.js
@@ -1,8 +1,8 @@
-const ElOptionGroup = require('../select/src/option-group');
+import ElOptionGroup from '../select/src/option-group';
 
 /* istanbul ignore next */
 ElOptionGroup.install = function(Vue) {
   Vue.component(ElOptionGroup.name, ElOptionGroup);
 };
 
-module.exports = ElOptionGroup;
+export default ElOptionGroup;
diff --git a/packages/option/index.js b/packages/option/index.js
index 0302a8013..a4e3822aa 100644
--- a/packages/option/index.js
+++ b/packages/option/index.js
@@ -1,8 +1,8 @@
-const ElOption = require('../select/src/option');
+import ElOption from '../select/src/option';
 
 /* istanbul ignore next */
 ElOption.install = function(Vue) {
   Vue.component(ElOption.name, ElOption);
 };
 
-module.exports = ElOption;
+export default ElOption;
diff --git a/packages/pagination/index.js b/packages/pagination/index.js
index b09c15732..c9ce00c7a 100644
--- a/packages/pagination/index.js
+++ b/packages/pagination/index.js
@@ -1,8 +1,8 @@
-const Pagination = require('./src/pagination');
+import Pagination from './src/pagination';
 
 /* istanbul ignore next */
 Pagination.install = function(Vue) {
   Vue.component(Pagination.name, Pagination);
 };
 
-module.exports = Pagination;
+export default Pagination;
diff --git a/packages/popover/index.js b/packages/popover/index.js
index 2bd1a91a0..54d56ebb2 100644
--- a/packages/popover/index.js
+++ b/packages/popover/index.js
@@ -1,6 +1,6 @@
-const Popover = require('./src/main');
-const directive = require('./src/directive').default;
-const Vue = require('vue');
+import Popover from './src/main';
+import directive from './src/directive';
+import Vue from 'vue';
 
 Vue.directive('popover', directive);
 
@@ -11,4 +11,4 @@ Popover.install = function(Vue) {
 };
 Popover.directive = directive;
 
-module.exports = Popover;
+export default Popover;
diff --git a/packages/progress/index.js b/packages/progress/index.js
index e96c49578..6e4f92a31 100644
--- a/packages/progress/index.js
+++ b/packages/progress/index.js
@@ -1,8 +1,8 @@
-const ElProgress = require('./src/progress');
+import ElProgress from './src/progress';
 
 /* istanbul ignore next */
 ElProgress.install = function(Vue) {
   Vue.component(ElProgress.name, ElProgress);
 };
 
-module.exports = ElProgress;
+export default ElProgress;
diff --git a/packages/radio-button/index.js b/packages/radio-button/index.js
index ec6048dbe..3045f9b6e 100644
--- a/packages/radio-button/index.js
+++ b/packages/radio-button/index.js
@@ -1,8 +1,8 @@
-const RadioButton = require('../radio/src/radio-button.vue');
+import RadioButton from '../radio/src/radio-button.vue';
 
 /* istanbul ignore next */
 RadioButton.install = function(Vue) {
   Vue.component(RadioButton.name, RadioButton);
 };
 
-module.exports = RadioButton;
+export default RadioButton;
diff --git a/packages/radio-group/index.js b/packages/radio-group/index.js
index de7419d45..af3d34b83 100644
--- a/packages/radio-group/index.js
+++ b/packages/radio-group/index.js
@@ -1,8 +1,8 @@
-const RadioGroup = require('../radio/src/radio-group.vue');
+import RadioGroup from '../radio/src/radio-group.vue';
 
 /* istanbul ignore next */
 RadioGroup.install = function(Vue) {
   Vue.component(RadioGroup.name, RadioGroup);
 };
 
-module.exports = RadioGroup;
+export default RadioGroup;
diff --git a/packages/radio/_index.js b/packages/radio/_index.js
index d1355e70f..54b4e73f4 100644
--- a/packages/radio/_index.js
+++ b/packages/radio/_index.js
@@ -1,14 +1,12 @@
-const ElRadio = require('./src/radio');
-const RadioButton = require('./src/radio-button.vue');
-const RadioGroup = require('./src/radio-group.vue');
+import Radio from './src/radio';
+import RadioButton from './src/radio-button.vue';
+import RadioGroup from './src/radio-group.vue';
 
 /* istanbul ignore next */
-module.exports = function(Vue) {
-  Vue.component(ElRadio.name, ElRadio);
+export default function(Vue) {
+  Vue.component(Radio.name, Radio);
   Vue.component(RadioButton.name, RadioButton);
   Vue.component(RadioGroup.name, RadioGroup);
 };
 
-exports.ElRadio = ElRadio;
-exports.RadioButton = ElRadio;
-exports.RadioGroup = RadioGroup;
+export { Radio, RadioButton, RadioGroup };
diff --git a/packages/radio/index.js b/packages/radio/index.js
index edbb513d8..aad1667a0 100644
--- a/packages/radio/index.js
+++ b/packages/radio/index.js
@@ -1,9 +1,8 @@
-const ElRadio = require('./src/radio');
+import Radio from './src/radio';
 
 /* istanbul ignore next */
-ElRadio.install = function(Vue) {
-  Vue.component('el-radio', ElRadio);
+Radio.install = function(Vue) {
+  Vue.component('el-radio', Radio);
 };
 
-module.exports = ElRadio;
-
+export default Radio;
diff --git a/packages/rate/index.js b/packages/rate/index.js
index c49b715d2..49b3a1bc2 100644
--- a/packages/rate/index.js
+++ b/packages/rate/index.js
@@ -1,8 +1,8 @@
-const Rate = require('./src/main');
+import Rate from './src/main';
 
 /* istanbul ignore next */
 Rate.install = function(Vue) {
   Vue.component(Rate.name, Rate);
 };
 
-module.exports = Rate;
+export default Rate;
diff --git a/packages/row/index.js b/packages/row/index.js
index 5198e2dd1..528566c88 100644
--- a/packages/row/index.js
+++ b/packages/row/index.js
@@ -1,9 +1,9 @@
-const ElRow = require('./src/row');
+import Row from './src/row';
 
 /* istanbul ignore next */
-ElRow.install = function(Vue) {
-  Vue.component(ElRow.name, ElRow);
+Row.install = function(Vue) {
+  Vue.component(Row.name, Row);
 };
 
-module.exports = ElRow;
+export default Row;
 
diff --git a/packages/select/_index.js b/packages/select/_index.js
index e7d355e88..a6b87fd2c 100644
--- a/packages/select/_index.js
+++ b/packages/select/_index.js
@@ -1,14 +1,12 @@
-const ElSelect = require('./src/select');
-const ElOption = require('./src/option');
-const ElOptionGroup = require('./src/option-group');
+import Select from './src/select';
+import Option from './src/option';
+import OptionGroup from './src/option-group';
 
 /* istanbul ignore next */
-module.exports = function(Vue) {
-  Vue.component(ElSelect.name, ElSelect);
-  Vue.component(ElOption.name, ElOption);
-  Vue.component(ElOptionGroup.name, ElOptionGroup);
+export default function(Vue) {
+  Vue.component(Select.name, Select);
+  Vue.component(Option.name, Option);
+  Vue.component(OptionGroup.name, OptionGroup);
 };
 
-exports.ElSelect = ElSelect;
-exports.ElOption = ElOption;
-exports.ElOptionGroup = ElOptionGroup;
+export { Select, Option, OptionGroup };
diff --git a/packages/select/index.js b/packages/select/index.js
index c1fc8e265..8c410b740 100644
--- a/packages/select/index.js
+++ b/packages/select/index.js
@@ -1,8 +1,8 @@
-var ElSelect = require('./src/select');
+import Select from './src/select';
 
 /* istanbul ignore next */
-ElSelect.install = function(Vue) {
-  Vue.component(ElSelect.name, ElSelect);
+Select.install = function(Vue) {
+  Vue.component(Select.name, Select);
 };
 
-module.exports = ElSelect;
+export default Select;
diff --git a/packages/slider/index.js b/packages/slider/index.js
index 7fffc0a2f..9374fc47c 100644
--- a/packages/slider/index.js
+++ b/packages/slider/index.js
@@ -1,8 +1,8 @@
-const Slider = require('./src/main');
+import Slider from './src/main';
 
 /* istanbul ignore next */
 Slider.install = function(Vue) {
   Vue.component(Slider.name, Slider);
 };
 
-module.exports = Slider;
+export default Slider;
diff --git a/packages/spinner/index.js b/packages/spinner/index.js
index d3a0aae85..65f882121 100644
--- a/packages/spinner/index.js
+++ b/packages/spinner/index.js
@@ -1,8 +1,8 @@
-const ElSpinner = require('./src/spinner');
+import Spinner from './src/spinner';
 
 /* istanbul ignore next */
-ElSpinner.install = function(Vue) {
-  Vue.component(ElSpinner.name, ElSpinner);
+Spinner.install = function(Vue) {
+  Vue.component(Spinner.name, Spinner);
 };
 
-module.exports = ElSpinner;
+export default Spinner;
diff --git a/packages/step/index.js b/packages/step/index.js
index 93682456f..191f80bed 100644
--- a/packages/step/index.js
+++ b/packages/step/index.js
@@ -1,8 +1,8 @@
-const Step = require('../steps/src/step');
+import Step from '../steps/src/step';
 
 /* istanbul ignore next */
 Step.install = function(Vue) {
   Vue.component(Step.name, Step);
 };
 
-module.exports = Step;
+export default Step;
diff --git a/packages/steps/_index.js b/packages/steps/_index.js
index 3dc8b33c2..6d9315b55 100644
--- a/packages/steps/_index.js
+++ b/packages/steps/_index.js
@@ -1,11 +1,10 @@
-const Steps = require('./src/steps');
-const Step = require('./src/step');
+import Steps from './src/steps';
+import Step from './src/step';
 
 /* istanbul ignore next */
-module.exports = function(Vue) {
+export default function(Vue) {
   Vue.component(Steps.name, Steps);
   Vue.component(Step.name, Step);
 };
 
-exports.Steps = Steps;
-exports.Step = Step;
+export { Step, Steps };
diff --git a/packages/steps/index.js b/packages/steps/index.js
index de64528e9..4d630c0e3 100644
--- a/packages/steps/index.js
+++ b/packages/steps/index.js
@@ -1,8 +1,8 @@
-const Steps = require('./src/steps');
+import Steps from './src/steps';
 
 /* istanbul ignore next */
 Steps.install = function(Vue) {
   Vue.component(Steps.name, Steps);
 };
 
-module.exports = Steps;
+export default Steps;
diff --git a/packages/submenu/index.js b/packages/submenu/index.js
index 79cbfbcff..01837857a 100644
--- a/packages/submenu/index.js
+++ b/packages/submenu/index.js
@@ -1,8 +1,8 @@
-const ElSubmenu = require('../menu/src/submenu');
+import ElSubmenu from '../menu/src/submenu';
 
 /* istanbul ignore next */
 ElSubmenu.install = function(Vue) {
   Vue.component(ElSubmenu.name, ElSubmenu);
 };
 
-module.exports = ElSubmenu;
+export default ElSubmenu;
diff --git a/packages/switch/index.js b/packages/switch/index.js
index 9cf89d796..d0928847c 100644
--- a/packages/switch/index.js
+++ b/packages/switch/index.js
@@ -1,9 +1,9 @@
-const ElSwitch = require('./src/component');
+import Switch from './src/component';
 
 /* istanbul ignore next */
-ElSwitch.install = function(Vue) {
-  Vue.component(ElSwitch.name, ElSwitch);
+Switch.install = function(Vue) {
+  Vue.component(Switch.name, Switch);
 };
 
-module.exports = ElSwitch;
+export default Switch;
 
diff --git a/packages/tab-pane/index.js b/packages/tab-pane/index.js
index a7897a5d3..30500bae2 100644
--- a/packages/tab-pane/index.js
+++ b/packages/tab-pane/index.js
@@ -1,8 +1,8 @@
-const TabPane = require('../tabs/src/tab-pane.vue');
+import TabPane from '../tabs/src/tab-pane.vue';
 
 /* istanbul ignore next */
 TabPane.install = function(Vue) {
   Vue.component(TabPane.name, TabPane);
 };
 
-module.exports = TabPane;
+export default TabPane;
diff --git a/packages/table-column/index.js b/packages/table-column/index.js
index 673c45393..2f41ce178 100644
--- a/packages/table-column/index.js
+++ b/packages/table-column/index.js
@@ -1,8 +1,8 @@
-const ElTableColumn = require('../table/src/table-column');
+import ElTableColumn from '../table/src/table-column';
 
 /* istanbul ignore next */
 ElTableColumn.install = function(Vue) {
   Vue.component(ElTableColumn.name, ElTableColumn);
 };
 
-module.exports = ElTableColumn;
+export default ElTableColumn;
diff --git a/packages/table/_index.js b/packages/table/_index.js
index a0a0cbe59..289659c6d 100644
--- a/packages/table/_index.js
+++ b/packages/table/_index.js
@@ -1,11 +1,10 @@
-const ElTableColumn = require('./src/table-column');
-const ElTable = require('./src/table');
+import ElTableColumn from './src/table-column';
+import ElTable from './src/table';
 
 /* istanbul ignore next */
-module.exports = function(Vue) {
+export default function(Vue) {
   Vue.component(ElTable.name, ElTable);
   Vue.component(ElTableColumn.name, ElTableColumn);
 };
 
-exports.ElTable = ElTable;
-exports.ElTableColumn = ElTableColumn;
+export { ElTable, ElTableColumn };
diff --git a/packages/table/index.js b/packages/table/index.js
index c06416554..1b577b354 100644
--- a/packages/table/index.js
+++ b/packages/table/index.js
@@ -1,8 +1,8 @@
-const ElTable = require('./src/table');
+import ElTable from './src/table';
 
 /* istanbul ignore next */
 ElTable.install = function(Vue) {
   Vue.component(ElTable.name, ElTable);
 };
 
-module.exports = ElTable;
+export default ElTable;
diff --git a/packages/tabs/_index.js b/packages/tabs/_index.js
index 9b71d722a..adbe4d582 100644
--- a/packages/tabs/_index.js
+++ b/packages/tabs/_index.js
@@ -1,11 +1,10 @@
-const ElTabs = require('./src/tabs');
-const ElTabPane = require('./src/tab-pane');
+import ElTabs from './src/tabs';
+import ElTabPane from './src/tab-pane';
 
 /* istanbul ignore next */
-module.exports = function(Vue) {
+export default function(Vue) {
   Vue.component(ElTabs.name, ElTabs);
   Vue.component(ElTabPane.name, ElTabPane);
 };
 
-exports.ElTabs = ElTabs;
-exports.ElTabPane = ElTabPane;
+export { ElTabs, ElTabPane };
diff --git a/packages/tabs/index.js b/packages/tabs/index.js
index d30b8ccbc..3f7219528 100644
--- a/packages/tabs/index.js
+++ b/packages/tabs/index.js
@@ -1,8 +1,8 @@
-const ElTabs = require('./src/tabs');
+import ElTabs from './src/tabs';
 
 /* istanbul ignore next */
 ElTabs.install = function(Vue) {
   Vue.component(ElTabs.name, ElTabs);
 };
 
-module.exports = ElTabs;
+export default ElTabs;
diff --git a/packages/tag/index.js b/packages/tag/index.js
index 8ef89145a..1f5a716f0 100644
--- a/packages/tag/index.js
+++ b/packages/tag/index.js
@@ -1,8 +1,8 @@
-const ElTag = require('./src/tag');
+import ElTag from './src/tag';
 
 /* istanbul ignore next */
 ElTag.install = function(Vue) {
   Vue.component(ElTag.name, ElTag);
 };
 
-module.exports = ElTag;
+export default ElTag;
diff --git a/packages/time-picker/index.js b/packages/time-picker/index.js
index bf9d8cfef..ad692a791 100644
--- a/packages/time-picker/index.js
+++ b/packages/time-picker/index.js
@@ -1,8 +1,8 @@
-const TimePicker = require('../date-picker/src/picker/time-picker');
+import TimePicker from '../date-picker/src/picker/time-picker';
 
 /* istanbul ignore next */
 TimePicker.install = function(Vue) {
   Vue.component(TimePicker.name, TimePicker);
 };
 
-module.exports = TimePicker;
+export default TimePicker;
diff --git a/packages/time-select/index.js b/packages/time-select/index.js
index 0744d19a2..3a51dcd57 100644
--- a/packages/time-select/index.js
+++ b/packages/time-select/index.js
@@ -1,8 +1,8 @@
-const TimeSelect = require('../date-picker/src/picker/time-select');
+import TimeSelect from '../date-picker/src/picker/time-select';
 
 /* istanbul ignore next */
 TimeSelect.install = function(Vue) {
   Vue.component(TimeSelect.name, TimeSelect);
 };
 
-module.exports = TimeSelect;
+export default TimeSelect;
diff --git a/packages/tooltip/index.js b/packages/tooltip/index.js
index 7f991642b..1e9ac985a 100644
--- a/packages/tooltip/index.js
+++ b/packages/tooltip/index.js
@@ -1,8 +1,8 @@
-const Tooltip = require('./src/main');
+import Tooltip from './src/main';
 
 /* istanbul ignore next */
 Tooltip.install = function(Vue) {
   Vue.component(Tooltip.name, Tooltip);
 };
 
-module.exports = Tooltip;
+export default Tooltip;
diff --git a/packages/tree/index.js b/packages/tree/index.js
index e65b4a0d7..e52d6a589 100644
--- a/packages/tree/index.js
+++ b/packages/tree/index.js
@@ -1,8 +1,8 @@
-const Tree = require('./src/tree.vue');
+import Tree from './src/tree.vue';
 
 /* istanbul ignore next */
 Tree.install = function(Vue) {
   Vue.component(Tree.name, Tree);
 };
 
-module.exports = Tree;
+export default Tree;
diff --git a/packages/upload/index.js b/packages/upload/index.js
index 2b723041b..d53883b0e 100644
--- a/packages/upload/index.js
+++ b/packages/upload/index.js
@@ -1,8 +1,8 @@
-const Upload = require('./src');
+import Upload from './src';
 
 /* istanbul ignore next */
 Upload.install = function(Vue) {
   Vue.component(Upload.name, Upload);
 };
 
-module.exports = Upload;
+export default Upload;