reactjs - 如何使用 ionic v4 添加自定义 webpack 配置并使用react?

标签 reactjs ionic-framework webpack ionic4

我已经使用带有 React 的 ionic framework v4 建立了一个项目,并希望添加一个 webpack 加载器以允许从 .graphql 导入 graphql 查询文件,如 here 所述.

我找不到任何关于如何更改与 webpack 相关的任何内容的官方文档(例如,没有 here),并且关于该主题的现有答案似乎仅适用于使用 Angular 或 v2/v3 of ionic。

Apollo 文档描述了一种解决 Create-React-App 的替代方法(我可以尝试作为一种解决方法),但我可能希望以其他方式更改 webpack 配置,所以我也在询问如何更一般地解决这个问题.

最佳答案

更新:运行 ionic build 时失败因为它默认返回使用 react-scripts build .

不知道为什么我之前没有看到这个,但是仔细看看 boostrapped ionic 项目,它显然使用了 create-react-app/react-scripts。

尽管 CRA 要求您执行一次性弹出以配置与构建相关的任何内容,但我可以使用 react-app-rewiredcustomizable-cra自定义构建和启动脚本。据我所知,这适用于 ionic 。

关于reactjs - 如何使用 ionic v4 添加自定义 webpack 配置并使用react?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58953616/

相关文章:

javascript - React 组件从一个移动到另一个的动画

javascript - 无法在 iOS 浏览器和桌面 safari 中使用 javascript 更新 CSS 动画

javascript - 引用错误 : documentFragmentChildren is not defined

reactjs - 如何在react/redux应用程序中使用webpack外部配置数据

webpack - 无法使 webpack 与 uglify 一起工作

reactjs - 我不断收到此错误 "RangeError: Array buffer allocation failed"

javascript - 在 scss 文件中进行更改后,css 文件未显示更改

cordova - 如何绕过 'Cordova is not defined' 并继续使用 Ionic Lab

ionic-framework - 为什么 ionic 4 中的主应用程序 scss 文件不起作用?

webpack - "include"和 "exclude"在 webpack loader 中是如何工作的