Webpack Config Optimizer
By blake w. · Published · Updated
Generate or optimize a Webpack configuration for production builds.
Tags: coding, frontend, webpack
Prompt template
## Introduction Generate or optimise a Webpack configuration file for your project's production and development needs. ## Project Setup - Project Type: [dropdown: React SPA, Vue.js, Vanilla JS, TypeScript, Library/Package] - Entry Point: [text: e.g., ./src/index.js] - Output Path: [text: e.g., ./dist] - Webpack Version: [dropdown: Webpack 4, Webpack 5] ## Features to Configure [multi: Code splitting, Lazy loading, Tree shaking, CSS/SCSS modules, Asset optimisation, Source maps, Hot Module Replacement (HMR), Bundle analyser, Environment variables, PWA/Service Worker] ## Performance Goals - Enable build caching: [toggle: Yes, No] - Target bundle size warning: [text: e.g., 250kb] - Separate vendor chunks: [toggle: Yes, No] - Minification: [dropdown: Terser, ESBuild, Default, None]