假设我有一个像这样的 monorepo 结构:
monorepo/
- babel.config.js
- create-react-app/
- .babelrc
- craco.config.js
- packages/
- first-package
- my-mdx-file.mdx
- second-package
如何配置我的 Create React App 以便它babel-loader
使用根babel.config.js
?
我需要这个,因为我正在尝试导入.mdx
来自 CRA 外部的包之一的 CRA 内部的文件。显然 https://babeljs.io/docs/en/config-files#monorepos,这使得 CRA 的babel-loader
本地加载失败.babelrc
配置 - 因此错过了babel-preset-react-app
预设(为其提供 JSX 支持)。因此,当 babel 尝试转译 MDX 文件时,导入会导致“意外标记”错误。
...我想????
正如你所看到的,我已经在使用CRACO https://github.com/gsoft-inc/craco(让 CRA 与 Less 一起工作),我尝试过这样的事情:
// craco.config.js
const CracoBabelLoader = require('craco-babel-loader')
module.exports = {
plugins: [
{
plugin: CracoBabelLoader,
options: {
rootMode: "upward"
}
}
],
};
但它仍然没有加载babel.config.js
在 root 上????♂️(我知道它没有被加载,因为我已经放置了一个console.log
里面的声明babel.config.js
就像文档所建议的那样 - 并且它没有被调用)
None
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)