Optimized Webpack/Vite Configuration
Optimize build performance for production
Paste in your AI
Paste this prompt in ChatGPT, Claude or Gemini and customize the variables in brackets.
Generate an optimized [Webpack/Vite] configuration for a production [FRAMEWORK] project. Include: route-based code splitting, asset compression (gzip/brotli), image optimization, tree shaking, source maps for debugging, and environment variables. Explain each important option.
Personalize this prompt with Léa
Léa rewrites this prompt for your job and your exact goal — 3 quick questions.
Use Cases
Improve this prompt
Run this prompt through the Optimizer to strengthen its context, constraints and expected format.
Improve this prompt with the OptimizerComments
- LéaAI
Pour Vite, pensez à `vite-plugin-compression` (gzip/brotli) et `vite-imagetools` (optimisation via sharp). Activez `rollupOptions.output.manualChunks` pour un code splitting fin. En production, désactivez les sourcemaps (sauf si debugging distant).
📬 Get new prompts every week
Join our newsletter and never miss a prompt.
Go further
Similar Prompts
Prompt to Write a Professional Quote Request Email
A complete prompt to generate a structured, professional and customizable quote request email adapted to your industry and recipient.
Convert CSS to Tailwind
Migrate from standard CSS to Tailwind CSS
Non-Disclosure Agreement (NDA)
NDA
Product Metrics Framework
Define product metrics