import React from "react"
import { Button } from "cuke-ui"
import "cuke-ui/dist/cuke-ui.min.css"

class Page extends React.Component {
  render(){
    return (
      <Button type="primary">黄瓜ui</Button>
    )
 }
}

import Button from 'cuke-ui/lib/button';
import 'cuke-ui/lib/button/style.less';

// webpack.config.js
module.exports = {
...
 module: {
    rules: [
      ...
      {
        test: /\.jsx?$/,
        use: [
          {
            loader: "babel-loader",
            options: {
              babelrc: true,
              plugins: [
		  ["import",{
		    "libraryName":"cuke-ui",
		    "style" : name => `${name}/style.less`
		  }],
	      ]
            },
          },
  	}
     ]
 }	  
}

//button.js
import React from 'react';
import { storiesOf } from '@storybook/react';
import Button from '../components/button';          //引入你的组件
import { withInfo } from '@storybook/addon-info';

storiesOf('示例标题', module)
 .add('Button 按钮', withInfo()(() => (         // 添加到页面上
   <Button type="primary">获取文字</Button>   // 这里写jsx
 )))

import { configure } from '@storybook/react';
function loadStories() {
  require('../stories/button');     //刚才写好的文件
}

configure(loadStories, module);

export { default as Button } from "./button";