Skip to main content

remix-devtools

To add remix-development-tools to the project

  • package.json

    @@ -342,6 +342,7 @@
             "redux-first-history": "^5.1.1",
             "redux-mock-store": "^1.5.4",
             "remap-istanbul": "^0.13.0",
    +        "remix-development-tools": "^4.4.1",
             "resolve-url-loader": "^5.0.0",
             "rimraf": "^3.0.2",
             "rollup": "^4.13.0",

  • servers/frontend-server/vite.config.ts

    @@ -3,6 +3,7 @@ import { vitePlugin as remix } from '@remix-run/dev';
     import { dirname, resolve } from 'path';
     import { installGlobals } from '@remix-run/node';
     import { fileURLToPath } from 'url';
    +import { remixDevTools } from 'remix-development-tools';
     import { defineRoutesConfig } from '@common-stack/rollup-vite-utils/lib/vite-wrappers/json-wrappers.js';
     import tsconfigPaths from 'vite-tsconfig-paths';
     import { i18nInternationalizationPlugin } from '@common-stack/rollup-vite-utils/lib/vite-plugins/i18n-internationalization-plugin.js';
    @@ -71,6 +72,18 @@ export default defineConfig(async ({ isSsrBuild }) => {
         const viteConfig = {
             define: envVariables,
             plugins: [
    +            remixDevTools({
    +                server: {
    +                    logs: {
    +                        cookies: true,
    +                        defer: true,
    +                        actions: true,
    +                        loaders: true,
    +                        cache: true,
    +                        siteClear: true,
    +                    },
    +                },
    +            }),
                 i18nInternationalizationPlugin({
                     folderName: 'cdm-locales',
                     packages: [...config.modules, ...config.i18n.packages],