问题标签 [customize-cra]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
reactjs - custom-cra - 当前未启用对实验语法“jsx”的支持
我正在使用 react-app-rewired 来配置我的 CRA 项目,因为我遇到了 2 个共存版本的 React 问题,我确信这是react-app-rewired/customize-cra
.
一切都很好,直到我需要安装react-native-calendars
为依赖项。正如您在我的addBabelPlugins
配置中看到的那样;我需要安装@babel/plugin-proposal-class-properties
以转换库的组件...但是我现在收到一个错误,抱怨我的代码库中的 JSX,我认为首先应该由 CRA 处理并看到我们正在覆盖/扩展 CRAreact-app-rewired
我认为我不需要添加其他插件/预设,例如@babel/preset-react
& @babel/plugin-syntax-jsx
...
有人可以指出我正确的方向吗?我希望这个问题很常见,我刚刚搜索的问题页面很糟糕。
谢谢
信息
错误
配置覆盖.js
原始问题在这里
reactjs - 使用 craco 在运行时更改 antd 变量
我必须能够在运行时更改 ant 设计变量(而不是通过无主题文件)。我发现很多使用customize-cra和react-app-rewire-less的例子,但似乎没有一个适用于 craco。我必须使用 craco,因为我也在这个项目中使用tailwindcss 。
我试过的:
- antd-theme-webpack-plugin:我可以访问
window.less.modifyVars
,但它似乎什么也没做(调用它不会引发错误,但 antd 颜色不会改变); - antd-theme-switcher:和上面的很相似,
window.less.modifyVars
好像没什么效果; - antd-theme:我不知道如何添加
AntdThemePlugin.loader
incraco.config.js
,我不确定这是问题所在,但我无法让它工作。
这是我的当前状态craco.config.js
:
在这一点上,我真的要尝试任何可能的解决方案,这个问题真的很耗时。
reactjs - 如何将 Preact 添加到现有的 create-react-app 项目中?
我有一个 React 项目,我想将其转换为 Preact 以节省包大小。
我遵循了这个建议,在我的代码中添加了以下元素:
更改package.json
:
...并添加config-overrides.js
:
当然,我也安装了preact-compat
和preact
.
在构建我的应用程序并使用 Webpack 包分析器查看组件时,我看到了这一点react
,并且react-dom
仍在我的包中。
我的实施做错了什么?
reactjs - 如何将 react-app-rewired 与 webpack 开发服务器一起使用?
我想在没有“react-app-rewired start”脚本的项目中使用 react-app-rewired npm 包。
这是我的 package.json 文件:
我可以通过sudo yarn watch启动我的服务器。所以我不能用react-app-rewired start重写它。
这是我的 config-overrides.js 文件:
我也可以使用webpack.config.js文件。如果有人知道如何在该文件中添加此配置,非常欢迎。谢谢你!
reactjs - .less 文件没有被 less-loader 拾取
我已经使用 create-react-app 创建了一个反应应用程序,并且我使用较少的 css。我的应用程序构建正确,但构建/静态文件夹中没有加载任何较少的文件
我正在使用customize-cra
withreact-app-rewired
为更少的文件添加加载器。
config-overrides.js 文件
package.json 中的脚本
依赖关系
webpack - 使用 customize-cra 从 node_modules 中的 bundle.js 中删除包
我在 node_modules 中有一个包,比如说abc
。我希望它从 bundle.js 中排除,我正在使用customize-cra
. 有什么选择可以实现这一目标吗?我知道addWebPackModuleRule只会从编译中排除,但会包含在最终的 bundle.js 中。我想完全删除bundle.js
。
javascript - Customize-cra config-overrides.js 不起作用
我正在使用打字稿处理 create-react-app 项目。我正在尝试在全球范围内使用 _ (lodash)。我一步一步地按照手册试图弄清楚如何做到这一点,但没有任何成功。我遵循了本教程https://www.npmjs.com/package/customize-cra。我的 package.json 包含在依赖项之间:
在devDependencies 中:
根据教程,我还更改了脚本:
我的config-overrides.js位于根文件夹中:
我尝试使用join(['Hello', 'webpack'], ' ')
但因错误而失败。
有人知道应该出什么问题吗?谢谢你。
reactjs - react-app-rewired 需要提供 mini-css-extract-plugin
我目前正在使用带有自定义 cra 的 react-app-rewired。目前,npm start
可以工作,但npm run build
会出现以下错误。
Error: You forgot to add 'mini-css-extract-plugin' plugin
不完全确定发生了什么,这是我的 config-overrides.js 文件。我尝试在此处添加插件,但由于某种原因无法正常工作,并且我继续收到此错误。
知道为什么吗?
reactjs - 添加 csp-html-webpack-plugin dosnt 加载我的反应网页
我正在使用 npm react-app-rewired customize-cra csp-html-webpack-plugin为我的应用程序提供更高的安全性,遵循此示例https://medium.com/@nrshahri/csp-cra-324dd83fe5ff
我的 config-overrides.js 看起来像这样
问题是,当我尝试进入网页时,它根本没有加载任何东西,当我检查控制台时,它会显示以下错误列表
有没有更好的方法来应用安全策略,以便我可以毫无问题地访问该页面?
非常感谢您提前提出的意见和建议。
reactjs - 如何在 React 应用上添加内容安全策略
如何正确地将带有元标记的安全层添加到我的反应应用程序中,我尝试使用 npm csp-html-webpack-plugin 执行此操作,但结果是该应用程序未显示在浏览器中并且列表违反内容安全策略的错误
大多数错误都与 style-src 有关,因为我使用的是材料 UI 包
以及其他读取属性为 null 的“cssRules”
我正在使用 pm2 启动我的应用程序
我的构建看起来像这样
"build": "env-cmd -e production react-app-rewired build"
我的元标题看起来像这样
我的 config-overrides.js 看起来像这样
我的 .env 看起来像这样
有人可以举一个例子来说明如何做到这一点