添加uiw组件库

Author: shawn2016

package.json

@@ -21,7 +21,8 @@
     "react-router": "^4.2.0",
     "react-router-dom": "^4.2.2",
     "redux": "^3.7.2",
-    "redux-thunk": "^2.2.0"
+    "redux-thunk": "^2.2.0",
+    "uiw": "^1.6.2"
   },
   "devDependencies": {
     "babel": "^6.23.0",
@@ -48,6 +49,8 @@
     "extract-text-webpack-plugin": "^3.0.2",
     "file-loader": "^1.1.6",
     "html-webpack-plugin": "^2.30.1",
+    "less": "^2.7.3",
+    "less-loader": "^4.0.5",
     "node-sass": "^4.7.2",
     "pm2": "^2.9.1",
     "react-transform-hmr": "^1.0.4",

src/modules/home/home/index.js

@@ -2,6 +2,7 @@ import React from 'react'
 import { connect } from 'react-redux'
 import propTypes from 'prop-types'
 import { bindActionCreators } from 'redux'
+import { Button } from 'uiw'
 import * as action from './redux/action'
 import './redux/reducer'
 class Home extends React.Component {
@@ -32,9 +33,9 @@ class Home extends React.Component {
       <div>
         home<br /><br />
         <h1>{this.state.count}</h1>
-        <button onClick={this.add}>+</button><br /><br />
-        <button onClick={this.decrease}>-</button><br /><br />
-        <button onClick={this.asyncAction}>-</button><br /><br />
+        <Button type="primary" onClick={this.add}>+</Button><br /><br />
+        <Button type="primary" onClick={this.decrease}>-</Button><br /><br />
+        <Button type="primary" onClick={this.asyncAction}>-</Button><br /><br />
         {this.state.dataone ? this.state.dataone.companyName : ''}<br /><br />
         {this.state.dataone ? this.state.dataone.identifyNo : ''}<br /><br />
         {this.state.dataone ? this.state.dataone.isCfcaUser : ''}<br /><br />

webpack.config.dev.babel.js

@@ -28,6 +28,12 @@ module.exports = {
             exclude: /node_modules/,
             loader: 'eslint-loader'
         },
+        {
+            test: /\.(less|css)$/,
+            use: extractSass.extract({
+                use: ['style-loader', 'css-loader', 'less-loader']
+            })
+        },
         {
             test: /\.js$/,
             exclude: /(node_modules|bower_components)/,