美文网首页
React开发实战 —— 【二】Ant Design

React开发实战 —— 【二】Ant Design

作者: 兔子不打地鼠打代码 | 来源:发表于2018-03-26 21:21 被阅读27次

Ant Design

一、安装包

npm install antd --save

二、在根页面(index.js)引入样式

import 'antd/dist/antd.css';

三、修改webpage.config.js中的css设置

module: {
        loaders: [
          ...
            {
              test: /\.css$/,
              //下面这个是antdensign的配置文件
                loader:'style-loader!css-loader'
            
            }
        ]
    },

四、在具体使用页面引入组件

import { Input } from 'antd';

五、使用

ReactDOM.render(<Input placeholder="Basic usage" />, mountNode);

相关文章

网友评论

      本文标题:React开发实战 —— 【二】Ant Design

      本文链接:https://www.haomeiwen.com/subject/ftdzqftx.html