//配置入口文件 config/webpack.base.js
commonConfig = {
    input: '../src/components/Button/index.js', // 组件入口
    cssExtract: true // 是否单独抽取样式
};

//  app.js 引入组件 进行开发
import Button from '../src/';

//开发完成 build之后进行效果预览

import Button from '../bin/index';
import '../bin/index.css';
/**
 * require方式
 * const Button = require('../lib/index.js').default;
 * require('../lib//index.css');
 * import方式
 * import Button from '../lib'; // 编译之后的组件
 * import '../lib/index.css'; // 编译之后的组件样式
 */

const btnArr = ['black', 'gray', 'white', 'orange', 'red', 'blue', 'rosy', 'green', 'pink'];
const App = () => (
    <div className="con">
        {btnArr.map((row, index) => {
            return <Button key={index} Type={row} Text="按钮" />;
        })}
    </div>
);
ReactDOM.render(<App />, document.getElementById('root'));