father icon indicating copy to clipboard operation
father copied to clipboard

Bable模式下编译tsx/ts,require自动变成绝对路径,如何将其变为包的相对路径?

Open qingzi-king opened this issue 5 years ago • 4 comments

.fatherrc.ts配置

export default { entry: 'src/*', extractCSS: true, lessInBabelMode: true, runtimeHelpers: true, esm: { type: 'babel', minify: false, }, cjs: { type: 'babel', lazy: true, } };

编译后的文件中require部分为绝对路径,这样导致换了位置无法使用,有什么方法解决吗?

var _interopRequireWildcard = require("/Users/***/Desktop/project/carkings/agile-mobile/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireWildcard");

qingzi-king avatar Oct 16 '20 02:10 qingzi-king

无法复现,项目里还有额外的 babel 配置吗?

PeachScript avatar Nov 25 '20 03:11 PeachScript

我也遇到了相同的问题,请问题主解决了吗

yingzi4773 avatar Apr 21 '21 08:04 yingzi4773

我也遇到了相同的问题,请问题主解决了吗

解决了,你可以参考下:https://github.com/qingzi-king/agile-mobile ,tsconfig.json.fatherrc.ts配置。

编译过程中对.babelrc进行了备份调整。

image

qingzi-king avatar Apr 21 '21 08:04 qingzi-king

.fatherrc.ts配置

export default { entry: 'src/*', extractCSS: true, lessInBabelMode: true, runtimeHelpers: true, esm: { type: 'babel', minify: false, }, cjs: { type: 'babel', lazy: true, } };

编译后的文件中require部分为绝对路径,这样导致换了位置无法使用,有什么方法解决吗?

var _interopRequireWildcard = require("/Users/***/Desktop/project/carkings/agile-mobile/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireWildcard");

我也遇到了相同的问题,请问题主解决了吗

解决了,你可以参考下:https://github.com/qingzi-king/agile-mobile ,tsconfig.json.fatherrc.ts配置。

编译过程中对.babelrc进行了备份调整。

image 大佬,解决了这个问题了!!!膜拜~这个问题是因为自己项目有额外的babel配置导致和father里的babel冲突吗?还请大佬指点一二

yingzi4773 avatar Apr 21 '21 08:04 yingzi4773

father 4 已发布,可尝试升级到最新版:https://github.com/umijs/father/blob/master/docs/guide/migrate.md

旧版本不再维护,感谢支持

PeachScript avatar Aug 31 '22 11:08 PeachScript