【javascript】记录babel-plugin-import的坑

复现

  • 最近我在用antd做dooring-v2,打包时候发现babel-plugin-import只能生效一个配置,多个配置只能生效最后一个。
  • 在其文档上写着babel7以下配置项支持数组写法,不支持数组写法则需要多次载入设定不同的键。
  • https://www.npmjs.com/package/babel-plugin-import
  • 由于项目需要按需加载antd以及antdicon,自然按文档说的配置了2个配置项。
  • 虽然编译没有报错提示,但是产物里确实只有最后那个生效,调换配置也一样。
  • 说明babel的一个插件只能搞一个配置项,多个相同插件以最后一个为准。

解决方法

  • 还好npm上还有李鬼import,代码和babel-plugin-import一样,只是换个名字,我下的是babel-plugin-import-7,下来使用之后2者都能按需加载了。
上一篇:antd Tree 组件封装自定义渲染


下一篇:vue3 + jsx +antd 父子组件间的通信