深坑react 引入antd无效问题

//安装babel-plugin-import
第一步：
npm install babel-plugin-import --save




第二步：暴露webpack.config.js
运行：npm run eject


第三步：在webpack.config.js中的module下的oneOf数组里加入下面代码：

 {//ES6、JSX处理
              test: /(\.jsx|\.js)$/,
              exclude: /node_modules/,
              loader: 'babel-loader',
              query:
              {
                plugins: [
                  [
                    "import",
                    { libraryName: "antd", style: 'css' }
                  ] //antd按需加载
                ]
              },
            },


            {//CSS处理
              test: /\.css$/,
              loader: "style-loader!css-loader?modules",
              exclude: /node_modules/,
            },



            {//antd样式处理
              test: /\.css$/,
              exclude: /src/,
              use: [
                { loader: "style-loader", },
                {
                  loader: "css-loader",
                  options: {
                    importLoaders: 1
                  }
                }
              ]
            },

重启项目即可；