Skip to content

YMFE/ykit-config-antd

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ykit-config-antd

该插件已内置 ykit-config-react & ykit-config-es6,不需要单独引入。

Features

  • 编译 ES6+, JSX 代码
  • 通过 happypack 提升编译速度
  • 内置 ant-design & react

Usage

如果是新项目,在一个空的目录下执行:

$ ykit init antd

会在当前目录下生成一个初始工程。

如果是已有项目,在项目中执行:

$ npm install ykit-config-antd --save

编辑 ykit.js,引入插件即可:

module.exports = {
    plugins: ['antd']
    // ...
};

使用

使用组件需要先手动引入 ant-design 样式。

在工程中的 style.css(style.scss/style.less) 中添加:

@import '~antd/dist/antd.css';

使用组件:

import { DatePicker } from 'antd';
ReactDOM.render(<DatePicker />, mountNode);

示例

查看:https://github.com/roscoe054/ykit-starter-antd