React停止react下载react开发工具

Question

我在这个项目中使用了create-react-app，并且我已经在netlify上部署了生产版本。问题是它一直在从devtools下载这个脚本，几乎只有1MB的一半。我怎样才能阻止它在生产中使用这个文件？我尝试安装npm包disable-react-devtools并将其添加到index.js中，但这显然没有任何作用，文件仍在下载中

...
import { disableReactDevTools } from '@fvilers/disable-react-devtools';
import App from './App';
import * as serviceWorker from './serviceWorker';

if (process.env.NODE_ENV === 'production') {
    disableReactDevTools();
}
...

​

​

Answer 1

将此代码添加到您的index.html文件中，它将在访问任何React代码之前禁用react DevTools

<script>
    if (typeof window.__REACT_DEVTOOLS_GLOBAL_HOOK__ === 'object') {
        __REACT_DEVTOOLS_GLOBAL_HOOK__.inject = function() {};
    }
</script>