如何利用react-app-rewired,插入第三方插件配置,如Gzip打包

本文介绍了如何在使用react-app-rewired的情况下,插入第三方插件配置,特别是Gzip打包的步骤。包括需要的配置插件、修改package.json、创建config-overrides.js文件、添加插件配置,并展示了最终结果。
摘要由CSDN通过智能技术生成

在打包上传服务器过程中,为了进行优化,可谓较劲脑汁,其中有一个方式,是利用gzip减少静态资源大小,这是个好主意,我打算尝试一下。

网上的提示是利用compression-webpack-plugin插件,但是这个插件需要先npm run eject,即生成webpack相关的一些文件,但是我想继续使用react-app-rewired做个性化配置,于是在网上找了很多相关知识。

在此总结一下。

1、需要的配置插件

yarn add react-app-rewired -s
yarn add react-app-rewire-compression-plugin -s
yarn add customize-cra -s

2、修改package.json文件内容

其中env-cmd是做动态配置的,你可以省去不加,其中eject,好像不支持react-app-rewired,会报错,相关文档上也没有修改

  "scripts": {
   
    "start": 
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值