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中添加库。
在中。我只有应用程序包/区块。没有供应商区块。