用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、后來認真看了一下一直被我自動忽略 ...