not bundle vue in umd build

build/webpack.dist.dev.config.js

@@ -13,6 +13,9 @@ module.exports = {
         libraryTarget: 'umd',
         umdNamedDefine: true
     },
+    externals: {
+        'vue': 'Vue'
+    },
     resolve: {
         extensions: ['', '.js', '.vue']
     },

build/webpack.dist.prod.config.js

@@ -13,6 +13,9 @@ module.exports = {
         libraryTarget: 'umd',
         umdNamedDefine: true
     },
+    externals: {
+        'vue': 'Vue'
+    },
     resolve: {
         extensions: ['', '.js', '.vue']
     },

test/routers/button.vue

@@ -169,14 +169,14 @@
     </Button-group>
 </template>
 <script>
-    import { Button, Icon, Input, Switch, Radio, Checkbox, InputNumber, Row, Col, Page } from 'iview';
+    import { iButton, Icon, Input, Switch, Radio, Checkbox, InputNumber, Row, Col, Page } from 'iview';
-    const ButtonGroup = Button.Group;
+    const ButtonGroup = iButton.Group;
     const RadioGroup = Radio.Group;
     const CheckboxGroup = Checkbox.Group;
 
     export default {
         components: {
-            iButton: Button,
+            iButton,
             ButtonGroup,
             Icon,
             iInput: Input,

test/routers/message.vue

@@ -1,10 +1,10 @@
 <template>
-    <Button @click="info">info</Button>
+    <i-button @click="info">info</i-button>
-    <Button @click="success">success</Button>
+    <i-button @click="success">success</i-button>
-    <Button @click="error">error</Button>
+    <i-button @click="error">error</i-button>
-    <Button @click="warning">warning</Button>
+    <i-button @click="warning">warning</i-button>
-    <Button @click="loading">手动消失</Button>
+    <i-button @click="loading">手动消失</i-button>
-    <Button @click="destroy">destroy</Button>
+    <i-button @click="destroy">destroy</i-button>
     <Alert closable>消息提示文案</Alert>
     <Alert type="success" show-icon closable>
         成功提示文案
@@ -16,21 +16,21 @@
     </Card>
 </template>
 <script>
-    import { Message, Button, Alert, Card } from 'iview';
+    import { Message, iButton, Alert, Card } from 'iview';
 
     export default {
         components: {
             Message,
-            Button,
+            iButton,
             Alert,
             Card
         },
         props: {
-        
+
         },
         data () {
             return {
-            
+
             }
         },
         computed: {
@@ -69,4 +69,4 @@
 //            });
         }
     }
-</script>
+</script>

test/routers/more.vue

@@ -67,10 +67,10 @@
         <Step title="待进行" content="这里是该步骤的描述信息"></Step>
         <Step title="待进行" content="这里是该步骤的描述信息"></Step>
     </Steps>
-    <Button @click="testStatus = 'process'">change Status</Button>
+    <i-button @click="testStatus = 'process'">change Status</i-button>
 </template>
 <script>
-    import { Badge, Tag, Progress, Circle, Timeline, Icon, Affix, Button, BackTop, Spin, Steps, Breadcrumb} from 'iview';
+    import { Badge, Tag, Progress, Circle, Timeline, Icon, Affix, iButton, BackTop, Spin, Steps, Breadcrumb} from 'iview';
     const TimelineItem = Timeline.Item;
     const Step = Steps.Step;
     const BreadcrumbItem = Breadcrumb.Item;
@@ -85,7 +85,7 @@
             TimelineItem,
             Icon,
             Affix,
-            Button,
+            iButton,
             BackTop,
             Spin,
             Steps,
@@ -94,7 +94,7 @@
             BreadcrumbItem
         },
         props: {
-        
+
         },
         data () {
             return {
@@ -108,7 +108,7 @@
             }
         },
         computed: {
-        
+
         },
         methods: {
             closed (e) {
@@ -130,4 +130,4 @@
             }, 1000)
         }
     }
-</script>
+</script>

test/routers/poptip.vue

@@ -105,10 +105,10 @@
     </div>
 </template>
 <script>
-    import { Tooltip, Button, Row, iCol, Poptip, iSelect, iOption, Message } from 'iview';
+    import { Tooltip, iButton, Row, iCol, Poptip, iSelect, iOption, Message } from 'iview';
 
     export default {
-        components: { Tooltip, iButton: Button, Row, iCol, Poptip, iSelect, iOption, Message },
+        components: { Tooltip, iButton, Row, iCol, Poptip, iSelect, iOption, Message },
         props: {
 
         },

test/routers/radio.vue

@@ -20,10 +20,10 @@
             <Radio value="印度黑羚"></Radio>
         </Radio-group>
         <br><br>
-        <Button @click="activeKey = '2'">换</Button>
+        <i-button @click="activeKey = '2'">换</i-button>
     </div>
     <Radio :checked.sync="radio">Radio</Radio>
-    <Button @click="radio = !radio">change radio</Button>
+    <i-button @click="radio = !radio">change radio</i-button>
     <br>
     <br>
     <Radio-group :model.sync="phone" type="button">
@@ -143,7 +143,7 @@
     </Breadcrumb>
 </template>
 <script>
-    import { Radio, Alert, Icon, Collapse, Button, Checkbox, Switch, InputNumber, Breadcrumb, LoadingBar } from 'iview';
+    import { Radio, Alert, Icon, Collapse, iButton, Checkbox, Switch, InputNumber, Breadcrumb, LoadingBar } from 'iview';
 
     const RadioGroup = Radio.Group;
     const Panel = Collapse.Panel;
@@ -158,7 +158,7 @@
             Icon,
             Collapse,
             Panel,
-            Button,
+            iButton,
             Checkbox,
             CheckboxGroup,
             Switch,
@@ -200,4 +200,4 @@
             LoadingBar.start();
         }
     }
-</script>
+</script>

test/routers/step.vue

@@ -58,7 +58,7 @@
     </Steps>
 </template>
 <script>
-    import { Page, Steps, Button } from 'iview';
+    import { Page, Steps, iButton } from 'iview';
 
     const Step = Steps.Step;
 
@@ -67,7 +67,7 @@
             Page,
             Steps,
             Step,
-            iButton: Button
+            iButton
         },
         props: {