Implement tracing in the examples

zalmoxisus · Dec 15, 2018 · 64717bb · teddcp2 · Jan 5, 2021 · windmaomao
1 parent af37aa3
commit 64717bb
Show file tree

Hide file tree

Showing 6 changed files with 7 additions and 6 deletions.
diff --git a/examples/counter/store/configureStore.js b/examples/counter/store/configureStore.js
@@ -7,7 +7,7 @@ import * as actionCreators from '../actions/counter';
 
 export let isMonitorAction;
 export default function configureStore(preloadedState) {
-  const composeEnhancers = composeWithDevTools({ actionCreators });
+  const composeEnhancers = composeWithDevTools({ actionCreators, trace: true, traceLimit: 25 });
   const store = createStore(reducer, preloadedState, composeEnhancers(
     applyMiddleware(invariant(), thunk)
   ));

diff --git a/examples/counter/webpack.config.js b/examples/counter/webpack.config.js
@@ -2,7 +2,7 @@ var path = require('path');
 var webpack = require('webpack');
 
 module.exports = {
-  devtool: 'cheap-module-eval-source-map',
+  devtool: 'source-map',
   entry: [
     'webpack-hot-middleware/client',
     './index'

diff --git a/examples/saga-counter/src/main.js b/examples/saga-counter/src/main.js
@@ -13,7 +13,8 @@ import rootSaga from './sagas'
 
 
 const sagaMiddleware = createSagaMiddleware(/* {sagaMonitor} */)
-const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
+const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ &&
+  window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({ trace: true, traceLimit: 25 }) || compose;
 const store = createStore(
   reducer,
   composeEnhancers(applyMiddleware(sagaMiddleware))

diff --git a/examples/saga-counter/webpack.config.js b/examples/saga-counter/webpack.config.js
@@ -2,7 +2,7 @@ var path = require('path')
 var webpack = require('webpack')
 
 module.exports = {
-  devtool: 'cheap-module-eval-source-map',
+  devtool: 'source-map',
   entry: [
     'webpack-hot-middleware/client',
     path.join(__dirname, 'src', 'main')

diff --git a/examples/todomvc/store/configureStore.js b/examples/todomvc/store/configureStore.js
@@ -4,7 +4,7 @@ import * as actionCreators from '../actions';
 
 export default function configureStore(preloadedState) {
   const enhancer = window.__REDUX_DEVTOOLS_EXTENSION__ &&
-    window.__REDUX_DEVTOOLS_EXTENSION__({ actionCreators, serialize: true });
+    window.__REDUX_DEVTOOLS_EXTENSION__({ actionCreators, serialize: true, trace: true });
   if (!enhancer) {
     console.warn('Install Redux DevTools Extension to inspect the app state: ' +
       'https://github.com/zalmoxisus/redux-devtools-extension#installation')

diff --git a/examples/todomvc/webpack.config.js b/examples/todomvc/webpack.config.js
@@ -2,7 +2,7 @@ var path = require('path');
 var webpack = require('webpack');
 
 module.exports = {
-  devtool: 'cheap-module-eval-source-map',
+  devtool: 'source-map',
   entry: [
     'webpack-hot-middleware/client',
     './index'