我正在使用babel-plugin-import插件导入antd软件包。但是，我收到警告，整个捆绑包已导入。
您正在使用整个antd软件包，请使用https://www.npmjs.com/package/babel-plugin-import减小应用程序包的大小。
我的jsx webpack配置如下：
{
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']
}
},
由于某些原因，整个antd捆绑包都已导入。
我解决了这个问题。我创建了一个包searchtabular-antd。该软件包使用babel transpiler来输出javascript。软件包中的以下行引起了该问题：
import { DatePicker, Checkbox, Input, InputNumber } from 'antd';
应该从lib中手动导入组件，如下所示：
import DatePicker from 'antd/lib/date-picker';
这在使用searchtabular-antd的主应用程序中固定了antd大小。
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句