Webpack 运行网页包错误信息：element.loader.split不是函数

在这个项目中，我使用Babel-plugin-the-import来实现按需加载的ant设计，但是当我运行这个网页时，出现了错误的信息

下面是错误消息

/usr/local/lib/node_modules/webpack/node_modules/webpack- core/lib/LoadersList.js:58

if（element.loader）返回element.loader.split（“！”）

TypeError:element.loader.split不是函数

这是我的密码

webpack-config.js

module.exports = {
    entry:  __dirname + "/src/main.js",
    output: {
        path: __dirname + "/dist/js",
        filename: "weitac-visual-layout.js"
    },
    module: {
        loaders: [
            {
                test: /\.js?$/,
                loader: 'babel-loader',
                query: {
                    presets: ['react', 'es2015','stage-1'],
                    plugins: [
                        ["import", {"libraryName": "antd", "style": "css"}]
                    ]
                },
            },
            {
                test: /\.css?$/,
                loader: ['style-loader','css-loader'],
            }

        ]
    }
}

package.json

 "devDependencies": {
    "babel-loader": "^7.0.0",
    "babel-plugin-import": "^1.2.1",
    "babel-preset-es2015": "^6.24.1",
    "babel-preset-react": "^6.24.1",
    "babel-preset-stage-1": "^6.24.1",
    "babel-preset-stage-3": "^6.24.1",
    "react-router-dom": "^4.1.1",
    "webpack": "^2.5.1",
    "webpack-dev-server": "^2.4.5"
  },
  "dependencies": {
    "antd": "^2.10.1",
    "babel-core": "^6.24.1",
    "prop-types": "^15.5.10",
    "react": "^15.5.4",
    "react-dom": "^15.5.4",
    "react-router": "^4.1.1"
  }

---

我发现这个过程有问题

以下是正确的代码

 {
    test: /\.css?$/,
    loader: 'style-loader!css-loader',
 }

我太粗心了，祝大家儿童节快乐~