时间戳

首页 > 解决方案 > 如何使用 ionic v4 添加自定义 webpack 配置并做出反应？

reactjs - 如何使用 ionic v4 添加自定义 webpack 配置并做出反应？

问题描述

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

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

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

标签： reactjsionic-frameworkwebpackionic4

解决方案

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

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

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

推荐阅读