antd的使用

• antd是一個(gè)組件庫
• 安裝antd

  $ npm install antd
  

• 安裝babel-plugin-import 按需加載的插件，用來引入css

  $ npm install babel-plugin-import
  

• 暴露配置文件

  $ npm run eject
  

  注意：如果報(bào)git錯(cuò)誤，就執(zhí)行g(shù)it add * 和git commit操作即可

• 修改配置文件，在webpack.config.js文件下的options.plugins下加入下邊配置

  ["import", {
    "libraryName": "antd",
    "libraryDirectory": "es",
    "style": "css" // `style: true` 會(huì)加載 less 文件
  }],
  

• 組件的引入,解構(gòu)賦值方式

  import {Button, DatePicker} from 'antd' // 解構(gòu)賦值的方式引入
  class App extends Component {
  render() {
    return (
      <div className="App">
        <Button>默認(rèn)</Button>
        <Button type="primary">primary</Button>
        <DatePicker></DatePicker>
      </div>
    );
  }
  }