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);