Reactjs 打包到库antd的网页包

我正在为我的react应用程序使用和设计库。 我面临着巨大的导入，这损害了我的捆绑包（由于ant design lib，缩小版目前为1.18MB）

var path=require（'path'）；
var webpack=require（'webpack'）；
变量配置={
条目：{
供应商：['react'，'react dom'，'antd']，
app:'./Scripts/js/app.js'，
},
输出：{
path:path.join（uu dirname，“脚本/捆绑包”），
文件名：“[name].bundle.js”
},
模块：{
规则：[
{
测试：/\.css$/,，
用法：['style-loader'，'css-loader']
},
{
测试：/\.减去$/,，
用法：['style-loader'，'css-loader'，'less-loader']
},
{
加载器：“巴别塔加载器”，
排除：/node_模块/，
测试：/\.js$/,，
选项：{
预设：['es2015'、'react'、'stage-0']，
},
},
]
},
插件：[
新的webpack.IgnorePlugin（/^\.\/locale$/，/moment$/），
新建webpack.optimize.UglifyJsPlugin（{minimize:true}），
新建webpack.optimize.commonChunkPlugin({
名称：[“供应商”]，
}),
新的webpack.DefinePlugin({
“process.env”：{
'NODE_ENV'：JSON.stringify（'production'）
}
})
],
}
module.exports=config；
还有我的应用程序
从“React”导入React
从“react dom”导入react dom
从“antd”导入{DatePicker}；
ReactDOM.render（，document.getElementById（'container'））；

这几个部分当然不是1.2米。

安装并将其添加到

babel loader

选项：

options: {
  presets: ['es2015', 'react', 'stage-0'],
  "plugins": [
    ["import", { "libraryName": "antd", "libraryDirectory": "es", "style": "css" }]
  ]  
}

如果您不想使用babel插件，则必须通过以下方式导入：

import DatePicker from 'antd/lib/date-picker';
import 'antd/lib/date-picker/style/css';

import DatePicker from 'antd/lib/date-picker';
import 'antd/lib/date-picker/style/css';