未定義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模塊是將模塊導出公開到全局范圍的好方法。