我在开发应用程序时使用了很多 console.log() 语句（我的意思是 LOTS）。如果没有"ejecting"，我该如何从
创建 React 应用
我考虑过但不确定如何实现：
在我的 package.json 中：
"build": "react-scripts build && uglifyjs --compress drop_console build/static/js/main.xxxxx.js -o build/static/js/main.xxxxx.js
但是我怎么知道main.js文件上的hash后缀，所以我可以调用这个命令并用相同的文件名保存输出js文件
【问题讨论】：
我使用这个设置。我在开发时仍然需要控制台日志。
// config-overrides.js
const { override, addBabelPlugins } = require('customize-cra')
module.exports = override(
process.env.NODE_ENV !== 'development' && addBabelPlugins(
"transform-remove-console"
)
)
【讨论】：
你可以试试这个组合包来覆盖配置：
注意：从react-app-rewired的文件来看，这会破坏CRA提供的“保证”。所以在使用前要小心。
npm i -D customize-cra react-app-rewired babel-plugin-transform-remove-console
修改你的 package.json，将 react-scripts 替换为 react-app-rewired，reject 除外。完成后，您的脚本应如下所示：
"scripts": {
"start": "react-app-rewired start",
"build": "react-app-rewired build",
"test": "react-app-rewired test",
"eject": "react-scripts eject"
}
然后在根目录下创建一个文件：
touch config-overrides.js
// config-overrides.js
const { override, addBabelPlugins } = require('customize-cra')
module.exports = override(
addBabelPlugins(
"transform-remove-console"
)
)
最后，在运行npm run build 之后，所有console.log 都消失了。
【讨论】：
将此添加到 index.js
if (process.env.NODE_ENV !== 'development') {
console.log = () => {}
}
请注意，这只会抑制消息，不会从您部署的代码中删除它们。
不要对库模块执行此操作，它将禁用父项目的 console.log。
CRA repo 上有一些关于这个问题的动向...去这里给它支持/竖起大拇指https://github.com/facebook/create-react-app/pull/9222
参考资料： How to quickly and conveniently disable all console.log statements in my code?
【讨论】：
addBabelPlugin('transform-remove-console') 来执行此操作。
在 package.json 脚本中执行此操作：
"build": "./scripts/build.sh"
然后在你的项目中：
scripts/build.sh 看起来像：
#!/usr/bin/env bash
set -e;
cd "$(dirname $(dirname "$BASH_SOURCE"))" # cd to project root
react-scripts build
for f in build/static/js/*.js; do
uglifyjs --compress drop_console "$PWD/$f" -o "$PWD/$f"
done
【讨论】：
如果你只是想抑制日志输出，你可以包装 console.log 并改用它
const log = (...msgs) => {
if (process.env.NODE_ENV === 'development') console.log(...msgs)
}
您可以导入/导出它，但这听起来很痛苦。添加到global
global.log = log
global.log('will only log in dev')
【讨论】：
global 没什么特别的......也可以使用window。我的意思是您可以编写自己的 log 函数，该函数仅在开发模式下输出（create-react-app 在运行 npm start 时使用）并将该日志函数放在可访问的东西上，而不必在任何地方导入它（如全局 /窗口）