Webpack css loading

Environment(required)

• antd version: 2.7.4
• OS and its version: Xubuntu 16.04
• Browser and its version: Chromium 55.0.2883.87

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

Just importing a antd component. Using babel-plugin-import 1.1.1 with:

                        ["import", {
                            "libraryName": "antd",
                            style: 'css'
                        }]

I use webpack 2 with a css loader as:

test: /\.s?css$/,
        exclude: /node_modules/,
        loaders: ["style-loader", "css-loader?sourceMap", "postcss-loader", "sass-loader?sourceMap&sourceComments"]

If I don’t include style: 'css' in babel import, webpack compiles, but ant styles are not loaded in my web application.

What do you expected?

Webpack compile with no problem. Styles are loaded

What happen?

ERROR in ./~/antd/lib/button/style/index.css
Module parse failed: /home/guillaume/Projects/bender-front-new/node_modules/antd/lib/button/style/index.css Unexpected token (1:0)
You may need an appropriate loader to handle this file type.

[lxm7]

This issue is resolved for me when i remove part of the recommended .babelrc config for ant-design

Before:

"plugins": [
    ["import", { "libraryName": "antd", "libraryDirectory": "es", "style": "css"}]
 ]

After:

"plugins": [
    ["import", { "libraryName": "antd"}]
]

webpack 3.6 antd 3.2.1

[afc163]

Just don’t exclude node_modules/antd.