未定义Perf - 使用webpack-dev-server运行react app

Question

我试图用Perf插件测量反应性能，但是当我试图在我的控制台中运行Perf.start（）时我得到一个错误： Uncaught ReferenceError: Perf is not defined(…)

值得一提的是，我已经通过npm安装了插件并且在我的main.js文件中有一个require('react-addons-perf') 。

我猜这个问题与我正在运行一个webpack-dev-server并且全局变量没有被正确暴露的事实有关，但不幸的是，你不知道如何正确接近它。 任何人都可以帮助我吗？

这是我在codepen上的webpack.config文件内容供参考。

Answer 1

我不知道你的webpack.config中是否有可能改变作用域或通过全局作用域公开var的变化，但一种简单的方法就是简单地使用

global.Perf = require('react-addons-perf');

这应该授予您通过控制台访问。

但是必须说它可能并不打算在requireJS中公开vars全局全局变量

也许尝试找到一种方法来触发代码中的Perf.start（）和Perf.stop（），而不是控制台！

Answer 2

找到了一个对我有用的解决方案：

1. 安装npm expose-loader模块

2. 将以下行添加到webpack配置加载器：

    { test: require.resolve("react-addons-perf"), loader: "expose?Perf" } 

这个expose-loader模块是将模块导出公开到全局范围的好方法。