webpack GSoC Onboarding Guide 🎓

Welcome to webpack's Google Summer of Code (GSoC) onboarding repository! This guide helps newcomers understand webpack, contribute effectively, and write successful GSoC proposals.

webpack is a powerful static module bundler for modern JavaScript applications used by millions of developers worldwide.

🚀 Quick Start

GSoC Guides

1. Make Your First Contribution - Required before applying
2. Understand webpack Architecture - Learn how webpack works
3. Explore Project Ideas - Find what interests you
4. Write Your Proposal - Craft a winning application

webpack Guides

1. Development Setup - Get your environment ready
2. Contribution Guidelines - webpack's official guide
3. Technical Guides - Deep dive into webpack internals:
   • Plugin System
   • Testing Guide

Making Your First Contribution

Required for GSoC: You must make at least one merged contribution before applying.

Choose Your Repository

• webpack/webpack - Core functionality
• webpack/webpack-cli - CLI improvements
• webpack/webpack.js.org - Documentation

Find Issues

Look for good first issue or help wanted labels to get started.

📚 Detailed guide: Contributing to webpack

📝 GSoC Application Process

Requirements

• ✅ At least one merged contribution to webpack
• ✅ Clear project proposal with timeline
• ✅ Active community engagement
• ✅ Understanding of webpack architecture (or respective repositories related to any project idea)

📚 Detailed guide: GSoC Proposal Guidelines

💡 Project Ideas

We have 8 focused project areas across:

• 🚀 Performance & Optimization
• 🔧 Developer Experience
• 📦 Modern JavaScript Support

📚 View all ideas: Project Ideas

🤝 Community & Support

• 💬 Discord: webpack Discord Server
• 📧 Discussions: GitHub Discussions
• 📰 Blog: webpack Medium Publication

📚 Learning Resources

Essential Reading

• webpack Documentation
• webpack Concepts
• crafting a good gsoc proposal

Technical Guides

• webpack Plugin Architecture
• Testing webpack Code
• Sample Plugin Code - Modern ES6+ plugin example

🏆 Past GSoC Success

• 2018: CLI Improvements & TypeScript Migration (Vincent Chan)

• 2018: webpack-cli: Infrastructure and Automation Work (Dhruvdutt Jadhav)

• 2018: Webpack dependencies with WebAssembly (Jevan Chan)

• 2019: Output Reporter (Devid Farinelli)

• 2019: Dev Server Refactor (Kirill Nagaitsev)

• 2020: CLI Improvements & TypeScript Migration (Nitin Kumar)

• 2024: Refactor tests on webpack-dev-server (Mahdi Khashan)

• 2024: Native css support (zhaochenliu)

• 2024: Webpack-cli: create-webpack-app package development (Uzair Khan)

📞 Need Help?

• GSoC Questions: Ask in webpack discussions
• Technical Help: Join our Discord server
• Mentorship: Reach out to the webpack team

---

🏃‍♂️ Next Steps

1. 🔧 Set up your development environment
2. 📖 Learn webpack architecture
3. 🎯 Find your first contribution
4. 💡 Explore project ideas

---

Made with ❤️ by the webpack team and community contributors

Happy coding! 🎉