Webpack antd包的部分导入不工作

Webpack antd包的部分导入不工作,webpack,babeljs,antd,Webpack,Babeljs,Antd,我正在使用babel插件导入插件导入antd包。但是,我收到警告,整个捆绑包都已导入 您使用的是一整套antd,请使用 减少应用程序包 尺寸 我的jsx网页包配置如下: { test: /\.jsx$/, loader: 'babel-loader', exclude: [nodeModulesDir], options: { cacheDirectory: true, plugins: [ 'transfo

我正在使用
babel插件导入
插件导入antd包。但是,我收到警告,整个捆绑包都已导入

您使用的是一整套antd,请使用 减少应用程序包 尺寸

我的jsx网页包配置如下:

{
    test: /\.jsx$/,
    loader: 'babel-loader',
    exclude: [nodeModulesDir],
    options: {
        cacheDirectory: true,
        plugins: [
            'transform-decorators-legacy',
            'add-module-exports',
            ["import", { "libraryName": "antd", "style": true }],
            ["react-transform", {
                transforms: [
                    {
                        transform: 'react-transform-hmr',
                        imports: ['react'],
                        locals: ['module']
                    }
                ]
            }]
        ],
        presets: ['es2015', 'stage-0', 'react']
    }
},
import DatePicker from 'antd/lib/date-picker';

出于某种原因,正在导入整个antd包

我解决了这个问题。我创建了一个包
searchtabularantd
。该包使用babel transpiler输出javascript。包中的以下行导致了问题:

import { DatePicker, Checkbox, Input, InputNumber } from 'antd'; 
组件应从lib手动导入,如下所示:

{
    test: /\.jsx$/,
    loader: 'babel-loader',
    exclude: [nodeModulesDir],
    options: {
        cacheDirectory: true,
        plugins: [
            'transform-decorators-legacy',
            'add-module-exports',
            ["import", { "libraryName": "antd", "style": true }],
            ["react-transform", {
                transforms: [
                    {
                        transform: 'react-transform-hmr',
                        imports: ['react'],
                        locals: ['module']
                    }
                ]
            }]
        ],
        presets: ['es2015', 'stage-0', 'react']
    }
},
import DatePicker from 'antd/lib/date-picker';

这修复了使用SearchTable antd的主应用程序中的antd大小。

您是如何导入antd组件的?通常的方法:
import{Button}from'antd'
我发现一个注释
babel插件导入将不起作用,如果您在webpack config vendor中添加库。
在中。我只有应用程序包/区块。没有供应商区块。