Integrating with react-boilerplate

Environment(required)

• antd version: latest
• OS and its version: Ubuntu 16.04
• Browser and its version: Chrome, latest

What did you do? Please provide steps to re-produce your problem.

• Download and install react-boilerplate
• Download and install antd
• Add the following to the dev webpack config to make it work:

babelQuery: {
    plugins: [["import", { libraryName: "antd", style: true }]],
  },

• Add the same to production config. Use npm build to build production assets.

What do you expected?

• Expect components to work normally, like in dev environment.

What happen?

I get errors like ReferenceError: Menu is not defined

Re-producible online demo

I cant reproduce this online because it seems like a build issue.

[afc163]

I found a workaround but I don’t know why yet. The dot can’t existed in JSX expression for production environment of react-boilerplate.

+ const MenuItem = Menu.Item;

...

<Menu>
- <Menu.Item></Menu.Item>
+ <MenuItem></MenuItem>
</Menu>

[afc163]

Remove this line and it also works fine.