问题标签 [craco]

I am using craco with create react app and I would like to add a plugin only in DEV mode or by ENV Var

my craco.config looks is:

so I would like this BundleAnalyzerPlugin. only if the ENV param x =true or if NODE_ENV=test

while I trying to push to plugin array I got that plugin I undefined

我有一个用 Typescript 编写的“公共库”，我想在更多项目中使用它。我不想从中创建一个 npm 包，我只想将它作为“未编译的包”导入，但我在设置它时遇到了麻烦。我尝试添加 ts-loader 并排除这样的模块：

但是，这会导致错误：TypeScript 没有为 /path/to/index,tsx 发出输出。

我也尝试使用craco-babel-loader https://github.com/rjerue/craco-babel-loader，但是将其添加到插件列表时：

我得到以下信息：

我正在使用 craco 和 craco-alias 在我的 Create React App 项目中实现导入的别名。按照https://github.com/gsoft-inc/craco/blob/master/packages/craco/README.md#installation和https://github.com/risenforces/craco-alias#readme中的说明， 我配置了包。 json 使用 craco 而不是 react-scripts 来启动开发服务器、测试和生产构建

然后我创建了带有别名路径的 jsconfig.json 文件

以及使用 craco-alias 插件的 craco.config.js 文件

现在我在我的应用程序中使用别名进行导入，就像这样

一切正常（别名导入在开发服务器上工作，在开玩笑测试中，即使我提供本地构建的项目），直到我将它推送到 github repo。该 repo 已配置 github 操作以在远程服务器上构建和测试项目，并且在安装所有软件包后，它在构建步骤中失败并出现错误。

有人可以帮我理解我的代码有什么问题吗？为什么 craco 或 webpack 期望 '@store' 是外部包而不是内部模块的别名导入？

我有一个使用 Craco、Webpack 和 Typescript 的 ReactJs 应用程序。它可以在本地成功运行和构建，但是当我在 Azure DevOps 上构建它时，它无法创建别名。

管道.yml

craco.config.json

tsconfig.paths.json

天蓝色管道错误

我正在尝试将 Craco 与 Ant-Design 一起使用，但我无法制作合适的主题切换器。有没有更简单的方法来为此实现主题切换器？

我创建了我的应用程序create-react-app。

在我的网站中，我对页面组件使用了延迟加载：

我的可加载组件如下所示：

有了这个惰性组件：

所以我的问题是，代码拆分在 Firefox 中运行良好。单击菜单中的链接时，仅在访问新页面时才加载分隔的块文件。

但是在 chrome 中，每个块文件都会被加载。

我在 CRA 项目中安装了 antd。我做了一些自己的类并覆盖了默认的andt css。

然后我想要 andt 表格组件，但有深色主题。因此使用 webpack 安装了深色主题但失败了。所以我尝试了 craco 并且工作正常。使用 craco-less，成功安装了黑暗主题，但现在它覆盖了我自己的 css。

在检查模式下检查原因后，我的 css 覆盖了默认和 css，而深色主题覆盖了我的。

有没有人遇到过这种问题？提前致谢。

我用两个包创建了一个 lerna monorepo：一个 vanilla NestJS 应用程序和 CRA 生成的应用程序。这里我使用 craco 从 monorepo 导入其他包。

在 NestJS 包中，我有一个简单的类，我想在 react 应用程序中共享/使用它。它包含一个节点导入和一些方法：

在开发模式 ( ) 下运行 CRAyarn run start可以正常工作。我可以创建很多猫并调用它们的方法。所以基本上 monorepo 设置是有效的。但是，如果我yarn run build在 CRA 中运行，我会收到此错误：Attempted import error: 'i18n-iso-countries' does not contain a default export (imported as 'countries').

如果我删除 cat 类中的 i18n-iso-countries 导入，它构建得很好。我尝试了几种变体，例如命名导入import {alpha2ToAlpha3} from 'i18n-iso-countries'和import * as countries from 'i18n-iso-countries'. 在 CRA 中使用 yarn start 时它们都可以正常工作，但在创建生产版本时会失败。

我的 craco 配置。

在过去的几年里，这一直很有效，但是我们刚刚升级了一些库，现在 eslint，当我们运行我们的应用程序时，并没有引用我们的 eslintrc 文件。它会为我们禁用或设置为警告的规则抛出错误。我可以在 eslintrc 文件中输入 junk 并且构建时没有任何错误。

VSCode 中的 ESLint 扩展确实可以识别它，并且运行 eslint CLI 可以按预期工作。运行npm run startornpm run deploy-build时，似乎忽略了 eslintrc 文件。

.eslintrc.js为简洁起见删除了许多规则

craco-config.js

local环境

package.json

我怀疑上面有一个库我必须更新，但我不确定还有什么要更新！

我正在从纯 Webpack 迁移到 CRA 模板并且我正在使用 antd，所以我正在尝试实现 craco-antd包，但我遇到了一个问题：在生成的内联 css 中，antd 规则的优先级高于我的：

index.js

craco.config.js

结果 ：

编辑：我在 prod 和 debug build 上没有相同的行为 => prod OK debug KO