用create-react-app脚手架搭建的react项目 使用 npm run build 之后生成的打包文件只能在根目录访问 这样放在服务器目录就访问不到了 报错为： 手动更改index.html的路径之后又报静态资源引入错误 把 改为 这时候报错 ...

在使用create react build项目时，发现build的目录内的js，css引用使用的地址前面使用的是/XXX而不是./XXX这就导致了引用资源的地址无效 / 表示根目录 ./ 表示当前目录 ../表示父级目录 修复方法有多种： 最简单的是在package.json内定义一个 ...

一、在React 项目跟目录下（跟 src 同级）添加 .env.production 文件 　　代码： 　　　　例如我需要将默认的 build 修改为 dist 　　　　BUILD_PATH=dist 二、在你修改 webpack 的 js 文件中通过以下方式修改 　　建议不要破坏默认 ...

一：直接删除.map文件即可 二：通过修改配置文件改掉自动生成（建议大家测试环境的时候不要关闭，这样有利于定位查找代码错误的位置，到发布生产的时候再关闭），现在的cli都已经没有了配置文件，所以我们这样来找： 1：首先到根目录下找到package.json， 里边看到build ...

使用 eject 扩展 webpack 前言 本文基于 (“react”: “^16.13.1”) 版本 react官方脚手架默认是将webpack配置隐藏起来了，在进行配置之前需要将webpack给暴露出来。 1.输入命令 npm run eject 会出现一个命令提示：这是一个单向 ...

--save-dev cross-env2.在package.json中配置打包命令，create- ...

在最近的项目里，页面和静态文件并不是很多的情况下，打包后发现产出的静态资源却很大。 1.关掉sourcemap 在config/webpack.config.js文件里，大概30几行的位置添加这样一句代码，这样做的作用是防止线上生成环境将源码一起打包部署。 2.将一些公共的库 ...

问题，正常 npm run build 打包后，发现打包后的文件异常大，有 > 20M 的大小 分析， 　　1、起初以为是代码本身过大的原因导致的，所以一直在想如何进行代码拆分使得文件能尽可能的小，但是查询了很多资料都没找到为什么文件会过大 　　2、后来认真看了一下一直被我自动忽略 ...