devtools-production

Strip devtools from Vite production builds via plugin configuration.

Updated Apr 1, 2026
One-click install
npx skills add https://github.com/cill-i-am/task-tracker --skill devtools-production-cill-i-am
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: devtools-production
Source: https://github.com/cill-i-am/task-tracker/tree/main/.agents/skills/tanstack-devtools-production
Command: npx skills add https://github.com/cill-i-am/task-tracker --skill devtools-production-cill-i-am

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Ensures devtools are not accidentally shipped in production by providing distinct workflows and configuration for stripping or including devtools.

Core Features & Use Cases

  • Vite plugin automatically strips devtools on production builds when removeDevtoolsOnBuild is true.
  • Supports production workflow with devtools as regular dependencies and disables stripping.
  • Provides NoOp plugin variants for tree-shaking and framework adapters.
  • Uses conditional exports to serve appropriate bundles for browser and server environments.

Quick Start

Configure your project to use the default development workflow so that devtools are stripped from production builds.

Frequently Asked Questions about devtools-production

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I strip devtools from Vite production builds?

To strip devtools from Vite production builds, configure the devtools-vite plugin with removeDevtoolsOnBuild enabled. This automatically removes devtools code during the production bundling process.

Why are devtools accidentally shipped in my production bundle?

Devtools are accidentally shipped when included as regular dependencies without configured stripping. You need a workflow that explicitly strips devtools or utilizes NoOp plugin variants for tree-shaking.

Can I use conditional exports to exclude devtools across different environments?

Yes, conditional exports serve appropriate bundles for browser and server environments. This provides cross-compatibility, ensuring devtools are handled via NoOp variants outside of Vite projects.

What is the best way to balance devtools presence across dev and production?

The best way to balance devtools presence is using a default workflow that treats devtools as devDependencies and auto-strips them on build. This ensures devtools remain accessible during development but are removed from production.

Does the devtools production workflow support tree-shaking?

Yes, the production workflow supports tree-shaking by providing NoOp plugin variants and framework adapters. These ensure unused devtools code is effectively eliminated during bundling.

When should I not use automatic devtools stripping in my project?

You should not use automatic devtools stripping when you need devtools as regular dependencies in production. In this workflow, you disable stripping to ensure devtools remain active in the deployed application.