diff --git a/packages/cascader/src/cascader.vue b/packages/cascader/src/cascader.vue
index a3a106002..9378bb083 100644
--- a/packages/cascader/src/cascader.vue
+++ b/packages/cascader/src/cascader.vue
@@ -21,7 +21,7 @@
     },
 
     directives: {
-      ElementClickoutside: require('vue-clickoutside')
+      ElementClickoutside: require('main/utils/clickoutside').default
     },
 
     data() {
diff --git a/packages/date-picker/src/picker.vue b/packages/date-picker/src/picker.vue
index fafe13347..81c21e417 100644
--- a/packages/date-picker/src/picker.vue
+++ b/packages/date-picker/src/picker.vue
@@ -33,7 +33,7 @@
 import Vue from 'vue';
 import Clickoutside from 'main/utils/clickoutside';
 import { merge, formatDate, parseDate, getWeekNumber } from './util';
-import Popper from 'main/utils/popper.js';
+import Popper from 'main/utils/popper';
 
 const FUNCTION_KEYS = [13, 16, 17, 18, 19, 20, 27, 33, 34, 35, 36, 37, 38, 39, 40];
 const RANGE_SEPARATOR = ' - ';
diff --git a/packages/dropdown/src/dropdown-menu.vue b/packages/dropdown/src/dropdown-menu.vue
index 2e0e3063a..5fe2a998b 100644
--- a/packages/dropdown/src/dropdown-menu.vue
+++ b/packages/dropdown/src/dropdown-menu.vue
@@ -4,7 +4,7 @@
   </ul>
 </template>
 <script>
-  import Popper from 'main/utils/popper.js';
+  import Popper from 'main/utils/popper';
 
   export default {
     data() {
diff --git a/packages/dropdown/src/dropdown.vue b/packages/dropdown/src/dropdown.vue
index b44b57578..56905cdfa 100644
--- a/packages/dropdown/src/dropdown.vue
+++ b/packages/dropdown/src/dropdown.vue
@@ -42,8 +42,7 @@
   import ElButtonGroup from 'packages/button-group/index.js';
   import ElDropdownMenu from './dropdown-menu.vue';
   import Vue from 'vue';
-  import VueClickoutside from 'main/utils/clickoutside.js';
-  Vue.use(VueClickoutside);
+  import Clickoutside from 'main/utils/clickoutside';
 
   export default {
     name: 'ElDropdown',
@@ -54,6 +53,8 @@
       ElDropdownMenu
     },
 
+    directives: { Clickoutside },
+
     props: {
       text: String,
       type: String,
diff --git a/packages/select-dropdown/src/select-dropdown.vue b/packages/select-dropdown/src/select-dropdown.vue
index cee796d75..f440dba85 100644
--- a/packages/select-dropdown/src/select-dropdown.vue
+++ b/packages/select-dropdown/src/select-dropdown.vue
@@ -5,7 +5,7 @@
 </template>
 
 <script type="text/babel">
-  import Popper from 'main/utils/popper.js';
+  import Popper from 'main/utils/popper';
 
   export default {
     name: 'el-select-dropdown',
diff --git a/packages/slider/src/main.vue b/packages/slider/src/main.vue
index e96ffcb1e..99935e827 100644
--- a/packages/slider/src/main.vue
+++ b/packages/slider/src/main.vue
@@ -27,7 +27,7 @@
 </template>
 
 <script type="text/ecmascript-6">
-  import Popper from 'main/utils/popper.js';
+  import Popper from 'main/utils/popper';
   import ElInputNumber from 'packages/input-number/index.js';
   import { getStyle } from 'wind-dom/src/style';
 
diff --git a/scripts/cooking.component.js b/scripts/cooking.component.js
index 87d61054c..a5a6252c4 100644
--- a/scripts/cooking.component.js
+++ b/scripts/cooking.component.js
@@ -1,17 +1,21 @@
 var cooking = require('cooking');
 var path = require('path');
 var Components = require('../components.json');
+var entries = {};
+
+Object.keys(Components).forEach(function (key) {
+  const compo = Components[key];
+
+  compo[0] = path.join(process.cwd(), compo[0]);
+  entries[key] = compo;
+});
 
 cooking.set({
-  entry: Components.map(function (compo) {
-    compo[0] = path.join(process.cwd(), compo[0]);
-    return compo;
-  }),
+  entry: entries,
   dist: './lib',
-  clean: true,
+  clean: false,
   template: false,
-  format: 'umd',
-  moduleName: ['ELEMENT', '[name]'],
+  format: 'cjs',
   extractCSS: '[name]/style.css',
   extends: ['vue']
 });
@@ -26,18 +30,11 @@ cooking.add('resolve.alias', {
 
 var externals = {};
 Object.keys(Components).forEach(function(key) {
-  externals[`packages/${key}/index.js`] = {
-    root: `ELEMENT.${key}`,
-    commonjs: `element-ui/lib/${key}`,
-    commonjs2: `element-ui/lib/${key}`,
-    amd: `element-ui/lib/${key}`
-  };
-  externals[`packages/${key}/style.css`] = {
-    root: `ELEMENT.${key}/style.css`,
-    commonjs: `element-ui/lib/${key}/style.css`,
-    commonjs2: `element-ui/lib/${key}/style.css`,
-    amd: `element-ui/lib/${key}/style.css`
-  };
+  externals[`packages/${key}/index.js`] = `element-ui/lib/${key}`;
+  externals[`packages/${key}/style.css`] = `element-ui/lib/${key}/style.css`;
+  externals['main/utils/clickoutside'] = 'element-ui/src/utils/clickoutside';
+  externals['main/utils/popper'] = 'element-ui/src/utils/popper';
+  externals['main/utils/vue-popper'] = 'element-ui/src/utils/vue-popper';
 });
 
 cooking.add('externals', Object.assign({
diff --git a/src/utils/vue-popper.js b/src/utils/vue-popper.js
index 57f763876..8a6629d0a 100644
--- a/src/utils/vue-popper.js
+++ b/src/utils/vue-popper.js
@@ -1,4 +1,4 @@
-import PopperJS from './popper';
+import PopperJS from 'main/utils/popper';
 
 /**
  * @param {HTMLElement} [reference=$refs.reference] - The reference element used to position the popper.