antd & antd-mobile的使用

链接: antd官网
首先安装antd

cnpm i antd
cnpm i antd-mobile

主要是全部引入与按需导入

全局引入

import { DatePicker } from 'antd'

手动引入样式
import 'antd/dist/antd.css';

按需导入
一.安装

cnpm i babel-plugin-import -D

二.配置文件

// .babelrc 或者 webpack.config.js中的 babel-loader option
{
  "plugins": [
    ["import", {
      "libraryName": "antd",
      "libraryDirectory": "es",
      "style": "css" // `style: true` 会加载 less 文件
    }]
  ]
}

三.引入到文件中

// babel-plugin-import 会帮助你加载 JS 和 CSS
import { DatePicker } from 'antd';

不用手动加载js或css