Overview

The Vite Plugin for generating Chrome DevTools project settings is a game-changer for developers using Vite. This plugin allows for on-the-fly creation of the devtools.json file directly in the development server, making it easy to integrate with the latest features of Chrome DevTools. By supporting automatic workspace folders, it simplifies project organization and streamlines the development process.

This plugin is especially beneficial for those working in environments like monorepos or utilizing tools like WSL and Docker Desktop. It enhances the user experience by adapting to various setups and providing vital configurations automatically, allowing developers to focus more on building rather than configuring.

Features

Dynamic Project Settings: Automatically generates the devtools.json file, ensuring up-to-date project settings without manual intervention.
Custom Project Root: Specify a custom root path with the projectRoot option, making it easy to work with various project structures, especially in monorepo setups.
Windows Path Normalization: The normalizeForWindowsContainer option converts Linux paths to UNC format, ensuring compatibility when using Chrome on Windows with WSL or Docker.
UUID Control: Offers an option for a fixed UUID so developers can maintain control over project identification instead of relying on auto-generation.
Caching for Performance: Once the UUID is generated, it's cached in the Vite cache folder, speeding up subsequent server starts and eliminating redundancy.
Simple Integration: Easy to add to your Vite configuration, allowing for a seamless experience with minimal setup effort.
Open Source: Licensed under MIT, the plugin is open for contributions and improvements, fostering community engagement and transparency in development.

Chromedevtools

Vite Plugin Devtools Json