external_react_["default"] undefined issue

[fogboat]

rslib 打包 三方包有引用extrenal的库会被打包成external_react_["default"] 如果要将三方包打入bundle应该如何解决

配置

rslib.config

 lib: [
    {
      bundle: true, 
      dts: true,
      format: 'esm',
    },
  ],
  output: {
    target: 'web',
    emitCss:true,
    injectStyles:true
  },

dependencies依赖 react-hook-form

问题

由于react-hook-form 依赖了react
在打包最终产物会有个default

var external_react_ = __webpack_require__("react")
// 引用了其他库打包成
const HookFormContext = external_react_["default"].createContext(null)
// 
//而在项目中的使用到react是正常的 是这种使用方式external_react_.useState
external_react_["default"] 只会出现在项目引用其他包的情况

目标

三方包也倒入到本项目的bundle中并且位正确格式如const HookFormContext = external_react_.createContext(null)

[fi3ework]

since no reproduction is provided, i can't see clear of your issue. but we just met a similar issue (here's the minimal reproduction https://github.com/fi3ework-reproduction/wrong-external-module-after-multiple-pack). is this one identical with your case?

[fogboat]

差的有点多 不过我好像发现问题了在于导入方式
import React from 'react'
使用时候React.useEffect
会被打包成external_react_["default"].useEffect这个是undifend

而import {useEffect} from 'react'
会被打包成
external_react_.useEffect这个是能正常使用

[fi3ework]

i think a minimal reproduction is necessary to address the issue.

[fogboat]

弄了个仓库 https://github.com/fogboat/rislib-external-default 还不太清楚具体原因 在readme中有部分注释

[fi3ework]

• 
• 
• 
• 

i think the "deafult" is correct and necessary because React is import with "module" external type, which is using a namespace import. So a "default" is needed to be identical with import React from 'react'

[fi3ework]

我的意思是你的 lib1 和 lib2 最终也是要给应用消费的，就比如你上面的截图，看起来是来自 Chrome devtool，我想问的是你应用的构建工具是什么？是基于 Rsbuild 吗？

---

My point is that your lib1 and lib2 will ultimately be used by the application. For example, the screenshot you shared appears to be from Chrome DevTools. I want to know what build tool your application uses. Is it based on Rsbuild?

[fogboat]

项目的结构是最外层 有个storybook作为开发服务器 引入了lib2 ，命令storybook dev应该是基于webpack的吧 但引入lib2的打包库应该不影响以及被打包成资源的lib2了吧 里面已经被打包成了default

[fi3ework]

okay that means using webpack series bundler, it's a known issue mentioned at the very beginning.

[fi3ework]

web-infra-dev/rsbuild#5955 will resovle this.

[Timeless0911]

close via #1193