reactjs - 如何禁用加载 React Devtools 后端脚本
问题描述
在生产中 react_devtools_backend.js 无论如何都会加载,它会减慢我的网站在生产中的速度。如何禁用加载此反应开发工具?我正在使用 react 16.8、reactSSR、webpack 4.29、apollo
我已经用过
new webpack.DefinePlugin({
'__REACT_DEVTOOLS_GLOBAL_HOOK__': '({ isDisabled: true })'
}),
和
if (typeof window.__REACT_DEVTOOLS_GLOBAL_HOOK__ === "object") {
for (let [key, value] of Object.entries(window.__REACT_DEVTOOLS_GLOBAL_HOOK__)) {
window.__REACT_DEVTOOLS_GLOBAL_HOOK__[key] = typeof value == "function" ? ()=>{} : null;
}
}
和
<script>
if (typeof window.__REACT_DEVTOOLS_GLOBAL_HOOK__ === 'object') {
__REACT_DEVTOOLS_GLOBAL_HOOK__.inject = function() {};
}
</script>
和这个
const disableReactDevTools = (): void => {
const noop = (): void => undefined;
const DEV_TOOLS = (window as any).__REACT_DEVTOOLS_GLOBAL_HOOK__;
if (typeof DEV_TOOLS === 'object') {
for (const [key, value] of Object.entries(DEV_TOOLS)) {
DEV_TOOLS[key] = typeof value === 'function' ? noop : null;
}
}
};
有任何想法吗?
解决方案
不确定这是否是您正在寻找的答案,但它似乎是由于安装了扩展程序而被加载的。
当我启动一个隐身窗口时,它没有被加载。
推荐阅读
- wordpress - 如何优化我的 Wordpress、Elementor 和 WooCommerce 网站在 Litespeed 服务器上的速度?
- flutter - 如何更改 StatelessWidget 中的 FAB 图标
- java - 是否有可能使用 Jackson JsonParser 一次将单个事件信息存储在 JSONObject/JsonNode 中
- exception - Pyspark Delta Lake 捕获表不是 delta 表异常
- html - 我怎样才能旋转s 并保持对齐?
- api - reddit api 目前可以与 jsonp 一起使用吗?
- jenkins - Jenkinsfile 声明性管道 sh 命令不起作用
- bash - 在 bash 中,如何将此十六进制字符转换为可读字符?
- python - 尝试使用鼠标/导入时,出现递归错误/包操作失败
- angular - Angular 通用服务的多个实例