create-react-app打包优化

news/2024/7/3 6:15:49

打包

通过npm run build进行打包

关闭soure-map

步骤一:项目打包时,默认开启了soure-map,因此打包后的项目体积变大

在config/webpack.config.js文件中修改shouldUseSourceMap的配置,置为false

在这里插入图片描述
注:如果没找到config/webpack.config.js文件,可以先在终端运行npn run eject

步骤二:将开发环境改为生产环境,让打包后的文件不包含.map文件

在config/webpack.config.js文件中修改devtool的配置,置为false
在这里插入图片描述

使用CDN引入第三方资源

引入步骤

1.在config/webpack.config.js文件中与plugins同级下配置externals
在这里插入图片描述
注:我用


http://lihuaxi.xjx100.cn/news/58093.html

相关文章

Android Automotive(七) VehicleService

Android Automotive(七) VehicleService VehicleService 是Android Automotive在硬件抽象层的一个核心native服务。处理和车辆相关功能,为系统提供获取车身信息以及设置相关状态的接口。 HAL接口 从Android O (8.0) 开始,Googl…

ESB产品调用场景分析

随着企业服务总线ESB产品功能的逐渐完善,对用户来说,使用时流畅便捷是对产品的基本需求。那么对于数通畅联来说,让用户使用产品时更便捷是产品不断完善的前进方向。在产品功能实现的基础上,提升应是交互越简单越好,丰富…

计算机组成原理---第四章指令的寻址方式---应用题

1某计算机指令系统采用定长操作码和变长指令码格式。 2某机字长为16位,存储器按字编址,访问内存指令格式如下: 3一条双字长的load指令存储在地址为200和201的存储位置,该指令将指定的内容装入累加寄存器(ACC)中。指令的…

MySql约束

1.mysql约束的作用:表在设计的时候加入约束目的就是为了保证表中的记录完整性和有效性,比如用户表有些列的值(手机号)不能为空,有些列的值(身份证号)不能重复 分类: 主键约束&…

生物课高中神经调节视频,初中生物神经系统视频

求高中生物神经调节的全部讲解 神经活动的基本过程是反射,反射的结构基础为反射弧,包括五个基本环节:感受器、传入神经、神经中枢、传出神经和效应器。 感受器是接神经调节受刺激的器官,效应器是产生反应的器官;中枢…

NOIP200801ISBN号码

NOIP200801ISBN号码题目链接字面描述题目描述输入格式输出格式样例 #1样例输入 #1样例输出 #1样例 #2样例输入 #2样例输出 #2提示代码实现题目 链接 https://www.luogu.com.cn/problem/P1055 字面描述 题目描述 每一本正式出版的图书都有一个 ISBN 号码与之对应&#xff0…

十一、内容补充——SpringCloud + Alibaba 全家桶详解(目前公司最新技术)

因为csdn字数有限,只能另外写一篇把剩下的内容补充完整了。。。。。。 十六、SpringCloud Alibaba Nacos服务注册和配置中心 1. Nacos简介 ⑴ Nacos名字的由来 前四个字母分别为Naming和Configuration的前两个字母,最后的s为Service。 ⑵ Nacos是什…

【思科模拟器基本使用】

切换模式 用户模式:网络设备开机时即用户模式 特权模式:在网络模式下输入enable可切换到特权模式 全局配置模式:在特权模式下输入configure terminal可进入全局配置模式 线路配置模式:在全局配置模式下输入line console 0(配置编号…