TypeScript StoreDevtoolsModule.instrumentStore方法代码示例

// The file contents for the current environment will overwrite these during build.
// The build system defaults to the dev environment which uses `environment.ts`, but if you do
// `ng build --env=prod` then `environment.prod.ts` will be used instead.
// The list of which env maps to which file can be found in `angular-cli.json`.

import {StoreDevtoolsModule} from "@ngrx/store-devtools";
export const environment = {
  production: false,
  hmr: false,
  imports: [
    StoreDevtoolsModule.instrumentStore({maxAge: 2}),
  ]
};

import { StoreModule } from '@ngrx/store';
import { StoreDevtoolsModule }  from "@ngrx/store-devtools";
import { DbReducer } from './reducers/db.reducers';
import { ConnReducer } from './reducers/conn.reducer';
import { environment } from '../environments/environment';

// todo: Move trajectory table reducer to the trajectory-table ngmodule once ngrx/store supports that functionality
export const APP_STORES: any[] = [
    StoreModule.provideStore({
        dbReducer: DbReducer,
        connReducer: ConnReducer
    })
];

if (!environment.production) {
    APP_STORES.push(StoreDevtoolsModule.instrumentStore());
}

import { StoreModule } from '@ngrx/store';
import { StoreDevtoolsModule } from '@ngrx/store-devtools';
import { useLogMonitor } from '@ngrx/store-log-monitor';

import { routes } from './app.routing';
import { rootReducer } from './reducers';
import { StoreDevToolsModule } from './features/store-devtools.module';
import { UserEffects } from './user/user.effects';

const STORE_DEV_TOOLS_IMPORTS = [];
if (ENV === 'development' && !AOT &&
  ['monitor', 'both'].includes(STORE_DEV_TOOLS) // set in constants.js file in project root
) STORE_DEV_TOOLS_IMPORTS.push(...[
  StoreDevtoolsModule.instrumentStore({
    monitor: useLogMonitor({
      visible: true,
      position: 'right'
    })
  })
]);

export const APP_IMPORTS = [
  EffectsModule.run(UserEffects),
  MaterialModule.forRoot(),
  ReactiveFormsModule,
  IdlePreloadModule.forRoot(), // forRoot ensures the providers are only created once
  RouterModule.forRoot(routes, { useHash: false, preloadingStrategy: IdlePreload }),
  RouterStoreModule.connectRouter(),
  StoreModule.provideStore(rootReducer),
  STORE_DEV_TOOLS_IMPORTS,
  StoreDevToolsModule
];