ES6 JS摇树不适用于antd lib

时间:2019-07-06 06:33:18

标签: reactjs webpack create-react-app antd tree-shaking

create-react-app@3.0.1下进行了测试,并且JS树摇晃不起作用。

复制步骤:

  1. 创建新应用create-react-app treeshakeTest
  2. cd treeshakeTest
  3. npm i
  4. npm i --save antd
  5. src/App.js
  6. 在顶部添加import Button from 'antd/es/button'并在<Button type="primary">Button</Button>中添加 返回中的某个地方

结果:使用antd导入时,捆绑包增加了+171.28 KB,请参见图片 enter image description here

antd导入之前: enter image description here

1 个答案:

答案 0 :(得分:0)

似乎这是antd的已知问题(图标已导入)。 lib的V4将修复此问题,直到使用https://github.com/Beven91/webpack-ant-icon-loader拆分图标块解决了该问题。