css file modularize

antd

src
├── README.md
├── components
│   ├──button
│            ├── style
│                      ├── index.js
│                      ├── index.less
│            ├── index.js
│   ├──dropdown
│            ├── style
│                      ├── index.js
│                      ├── index.less
│            ├── index.js
├── style
│   ├──index.js
│   ├──index.less
│   ├──effect.less
│   ├──variable.less
│   ├──mixin.less

style/index.js

import 'normalize.css';
import './index.less'

button/style/index.less

@import '../../style/variable.less';
@import "../../style/mixin.less";
// button' less

button/style/index.js

import "./index.less";

dropdown/style/index.less

@import '../../style/variable.less';
@import "../../style/mixin.less";
// dropdown' less

dropdown/style/index.js

import "../../button/style";
import "./index.less";

publish antd

├── lib
│   ├──button
│            ├── style
│                      ├── index.js
│                      ├── css.js
│                      ├── index.less
│                      ├── index.css
│            ├── index.js
├── style
│   ├──css.js
│   ├──index.css
│   ├──index.js
│   ├──index.less
│   ├──effect.less
│   ├──variable.less
│   ├──mixin.less

style/css.js

require('./index.css');

lib/button/style/css.js

require('./index.css');

using antd

source

entry

import 'antd/style';

component A

import {dropdown} from 'antd';

compile using babel-antd

entry

require('antd/style');

component A

var Dropdown = require('ant/lib/dropdown');
require('antd/lib/dropdown/style')

[shengliangli]

babel-plugin-antd折腾了一天还是不行，唉，东西是好东西，可惜文档太差！

[lock[bot]]

This thread has been automatically locked because it has not had recent activity. Please open a new issue for related bugs and link to relevant comments in this thread.