如何在 monorepo 中配置 Create React App 以使用根 babel.config.js?

2024-02-04

假设我有一个像这样的 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(使用前将#替换为@)

如何在 monorepo 中配置 Create React App 以使用根 babel.config.js? 的相关文章

随机推荐

  • SSIS - 创建日期时间的脚本问题

    我正在使用 SSIS 将数据从 CSV 文件上传到数据库中的表 我尝试获取 2 个字符串 一个用于日期 另一个用于时间 并将它们连接起来 如下所示 string datsDateTime String Concat Row DATE Row
  • 使用 CSS 制作窄字符

    如何使用 CSS 减少类似 Arial 字体的字符宽度 您无法减少字符宽度 但可以减少字母间距 span letter spacing 0px
  • 与图片框一起移动按钮 vb/c#

    我正在开发映射的 DVR cctv UI 我自己做的 所以没有使用google的API 我只是在需要的地方切掉了地图的大部分 所以 如果我确实有一个非常大的地图 那么它不适合我的电脑分辨率 我还没有找到在图片框中移动图片的代码 但我所做的是
  • 如何更新特定的 XElement?

    更新 XElement 的最佳方法是什么 更新元素 Pen 的 itemNumber 的值 在此 XML 中
  • 使用gradle中的参数运行jar

    我想在我的 gradle 脚本中运行一个参数位于 C Users nwuser FitNesse fitnesse standalone jar 的 jar 文件 我知道如何在没有参数的情况下做到这一点 apply plugin java
  • SwiftUI - 按钮 - 如何将函数(带参数)请求从子级传递给父级

    我已经知道如何从子函数调用父函数 但是如果我的父函数有参数我应该做什么 我想不通 不带参数的工作代码 struct ChildView View var function gt Void var body some View Button
  • React Native,从其他文件传递变量

    我是本机反应新手 并且在将变量从一个文件传递到另一个文件时遇到问题 module exports 在传递类时效果很好 但是 本机有没有办法通过导出将变量从一个文件传递到另一个文件 在下面的示例中 一个文件 按钮 正在创建一个随机数数组 我想
  • 使用 Cocoa 中的 xsd 文件验证 XML 架构?

    我在本地 xsd 文件中有一些 XML 和 XML 架构 XML 文档不包含任何架构信息 我想根据 Cocoa 中的 xsd 模式文件验证 XML 文档 这意味着我更喜欢基于 NS CF libxml 的东西 而不是外部库 我可以跨越xml
  • NodeJS将64位无符号整数写入缓冲区

    我想以大端格式将 64 位 8 字节 大整数存储到 nodejs 缓冲区对象中 此任务的问题是 nodejs 缓冲区仅支持写入 32 位整数作为最大值 使用 buf write32UInt32BE value offset 所以我想 为什么
  • Xcode 8 升级后,iOS10 应用程序崩溃,返回 malloc 错误

    我最近升级到了 iOS10 和 Xcode 8 之后一些以前可以工作的代码现在不再工作了 当代码运行时 应用程序崩溃并在控制台中显示以下错误消息 malloc 对象 0x1700bea80 的错误 正在释放的指针未分配 在malloc er
  • 更改 Laravel 模型中的数据库连接

    所以我和拉拉维尔 4 2 我想要的是在我的一个模型中使用external数据库 这是我的模型代码
  • MySql - 首先按字符串值排序

    我有下表 Foobar 如下所示 ID Description 12 aab 13 fff 14 fff 15 xab 我想要的是按顺序打印出所有描述 不过 我首先希望值 fff 位于顶部 换句话说 输出应如下所示 fff fff aab
  • 如何在c#中将spfile保存在物理位置

    我需要将 spfile 保存在物理位置 例如 C 盘 我使用下面的代码获取文件 using SPSite site new SPSite item Web Site ID using SPWeb web site OpenWeb item
  • 任务计划程序错误消息:80041318,这是什么意思?

    我已经搜索并搜索了 MSDN 以找到值为 80041318 的 HRESULT 错误的定义 但我找不到它 我正在 C Win32 中工作 尝试安排一个在当前用户登录时执行的任务 函数 RegisterTaskDefinition 失败并返回
  • 找不到 System.Net.Http.Formatting dll

    我有一个全新安装的 Visual Studio 2015 RC 我没有安装VS2013 我加载了一个解决方案并且System Net Http Formatting引用已损坏 当我尝试添加引用时 我在 GAC 中找不到它 经过一些在线阅读
  • 如何杀死 CodeMirror 实例?

    我正在使用 Codemirror v3 16 我想弄清楚如何杀死我的 codemirror 实例 基本上 当文本区域在我的页面上的模式中打开时 codemirror 就会触发 关闭此模式 我需要终止该实例 否则当我重新打开模式时 我会得到两
  • 将 Bitbucket 拉取请求作为补丁应用

    我在 Bitbucket 上有一个存储库 只有我有写入权限 有人分叉了该存储库 进行了更改并从分叉向我的存储库发出了拉取请求 我如何才能将该拉取请求作为 git 补丁暂时应用于我的存储库以进行测试 分叉的仓库是私有的 所以我无法将其拉下来
  • 如何将数组的每两个连续值转换为键/值对?

    我有一个如下所示的数组 array category name c1 types t1 我希望数组的替代值是数组的值 array category name gt c1 types gt t1 你可以尝试 未经测试 data Array c
  • 如何使用 html 标签进行 base64_encode 和 base64_decode 字符串?

    我的 Base64 解码有问题 例如 我有这样的代码 else if POST submit 2 send base64 encode text success wp redirect home url sales funnel add p
  • 如何在 monorepo 中配置 Create React App 以使用根 babel.config.js?

    假设我有一个像这样的 monorepo 结构 monorepo babel config js create react app babelrc craco config js packages first package my mdx f