react-app-rewired的使用备注&&禁止生成.map(对应隐藏源码)

Posted 2022-05-28 李华明Himi

一：

使用 react-app-rewired 时，除了根据文档对应修改设置外，还给予了一些配合此插件直接使用的 webpack 插件集：https://github.com/timarney/react-app-rewired#version-1x-community-maintained-rewires-check-the-plugin-repo-for-20-support

反之，根据观察 react-app-rewired源码以及原理，可以自行把 webpack 的插件拿来使用：https://webpack.js.org/plugins/compression-webpack-plugin/

 

二：

优化项目时，除了客户端的本身的优化外，nginx 也可设置gzip的支持，另外客户端也记得通过设置 GENERATE_SOURCEMAP=false  参数来进行禁止生成.map 文件，也意外着隐藏项目发布的源码;

package.json -> "scripts"-> "build" -> "GENERATE_SOURCEMAP=false react-scripts build",