Ant Design的使用手记

最近在做项目，一个人，时间紧，任务重，自己来做自适应什么的太麻烦啦，框架选用React，UI框架就很自然的选择为其打造的Ant Design啦，如果你的项目选择Vue，建议搭配Element来完成效果会好一些！
我当前已经配置好了React-router和Redux，不需要配置dva和umi，如果你的项目没有，可以考虑。
dva是基于 Redux 推出的轻量级数据流方案，支持 side effects、热替换、动态加载、react-native、SSR 等。umi 以路由为基础的，支持类 next.js 的约定式路由，以及各种进阶的路由功能，并以此进行功能扩展，比如支持路由级的按需加载。然后配以完善的插件体系，覆盖从源码到构建产物的每个生命周期，支持各种功能扩展和业务需求。
在这里，我直接安装antd

cnpm install antd --save

之后就可以直接使用啦，对于需要的布局结构可以直接在布局的部分找到，很方便！

补充

使用的时候需要对webpack进行配置

    module: {
        rules: [
            {
                test: /\.(js|jsx)?$/,
                exclude: /(node_modules)/,
                loader: 'babel-loader',     //jsx js转码配置
                options: {
                    plugins: [
                        // Ant Design 按需加载
                        ['import', { libraryName: 'antd', style: 'css', "libraryDirectory": "es" }]
                    ]
                }
            },
            ...
       ]
   }