react 打包壓縮太慢怎麼辦

react打包壓縮太慢的解決方法：1、使用“npm install hard-source-webpack-plugin”指令安裝“hard-source-webpack-plugin”；2、執行“new HardSourceWebpackPlugin()”語句；3、在package.json檔案的scripts中修改「max_old_space_size」即可。

本教學操作環境：Windows10系統、react18.0.0版、Dell G3電腦。

react 打包壓縮太慢怎麼辦？

react專案太大，打包速度很慢且經常打包失敗的解決方案

一、解決打包慢的問題

1、使用外掛程式：hard -source-webpack-plugin

npm install hard-source-webpack-plugin 或 yarn add hard-source-webpack-plugin

2、在webpack的設定檔中使用

const HardSourceWebpackPlugin = require('hard-source-webpack-plugin');
module.exports = {
  // ......
  plugins: [
    new HardSourceWebpackPlugin() // <- 直接加入这行代码就行
  ]
}

3、專案中使用

二、打包的時候經常報異常，打包不成功

1、打包時出現的問題

#打包的時候，經常報ELIFECYCLE的異常，從網路上搜尋這個問題，也沒有搜到相關的解決方案，我仔細的研究了這個報錯訊息，發現nodiot-fusiondesgin-demo@0.1.0 build: `react-app-rewired --max_old_space_size=4096 build` 這一行可能會有問題，然後我找到專案中配置該資訊的地方，在package.json檔案的scripts中

2、解決方案：

把`max_old_space_size=4096` 更改為了`max_old_space_size=8192`，更改完後，經過幾次測試是可以正常打包的，不會出現該錯誤了

#推薦學習：《react影片教學》

以上是react 打包壓縮太慢怎麼辦的詳細內容。更多資訊請關注PHP中文網其他相關文章！