build config

build/webpack.build.js

@@ -10,4 +10,10 @@ config.output = {
   libraryTarget: 'umd'
 };
 
+config.externals = {
+  vue: 'Vue'
+};
+
+delete config.devtool;
+
 module.exports = config;

build/webpack.build.min.js

@@ -3,13 +3,15 @@ var webpack = require('webpack');
 
 config.output.filename = config.output.filename.replace(/\.js$/, '.min.js');
 
-delete config.devtool;
-
 config.plugins = [
+  new webpack.LoaderOptionsPlugin({
+    minimize: true,
+    debug: false
+  }),
   new webpack.optimize.UglifyJsPlugin({
-    sourceMap: false,
-    drop_console: true,
+    comments: false,
     compress: {
+      drop_console: true,
       warnings: false
     }
   })

build/webpack.config.js

@@ -88,8 +88,12 @@ if (process.env.NODE_ENV === 'production') {
     }),
     new ExtractTextPlugin(`yzvue_base_${version}_min.css`),
     new webpack.optimize.UglifyJsPlugin({
-      compress: {warnings: false},
-      output: {comments: false},
+      compress: {
+        warnings: false
+      },
+      output: {
+        comments: false
+      },
       sourceMap: false
     }),
     new webpack.LoaderOptionsPlugin({

packages/button/src/button.js

@@ -52,6 +52,27 @@ export default {
     let { type, nativeType, size, disabled, loading, block } = this;
     let Tag = this.tag;
 
-    
+    return (
+      <Tag
+        type={nativeType}
+        disabled={disabled}
+        class={[
+          'z-button',
+          'z-button--' + type,
+          'z-button--' + size,
+          {
+            'is-disabled': disabled,
+            'is-loading': loading,
+            'is-block': block
+          }
+        ]}
+        onClick={this.handleClick}
+      >
+        {
+          loading ? <i class="z-icon-loading"></i> : null
+        }
+        <span class="z-button-text">{this.$slots.default}</span>
+      </Tag>
+    );
   }
 };