solid-devtools icon indicating copy to clipboard operation
solid-devtools copied to clipboard

How to configure with SolidStart

Open nixigaj opened this issue 1 year ago • 2 comments

The latest template that you get when using npm create solid to create a SolidStart projects seems to be using Vinxi as build tool, which uses Vite internally. The documentation for setting upp Solid Developer Tools on the server side explains how to set it up as a Vite plugin but the documentation for Vite plugins for Vinxi is nonexistent as of writing this issue. While i know that this is technically an issue on Vinxi's side I am wondering if there are any easy instructions for setting this up with the newest SolidStart template?

nixigaj avatar May 23 '24 21:05 nixigaj

Using these instructions, apply the devtools plugin to the vite key in defineConfig() in app.config.ts

import { defineConfig } from "@solidjs/start/config";
import devtools from 'solid-devtools/vite';

export default defineConfig({
 vite: {
  plugins: [
   devtools({
    /* features options - all disabled by default */
    autoname: true, // e.g. enable autoname
   }),
  ],
 }
});

InSuperposition avatar May 31 '24 18:05 InSuperposition

Your link is invalid. I would be cool to have an updated example for solid-start. If anyone can provide can tell me what has to be done I would update the docs. Thanks in advance

haexyh avatar Feb 01 '25 07:02 haexyh