Skip to content

Ashukr321/Frontend-build-tools

Repository files navigation

Frontend Build Tools

├── 📁 01-basics
│   ├── 📝 build-process-flow.md
│   └── 📝 what-is-build-tool.md
├── 📁 02-package-managers
│   ├── 📝 npm.md
│   ├── 📝 pnpm.md
│   └── 📝 yarn.md
├── 📁 03-bundlers
│   ├── 📁 vite
│   │   ├── 📁 sample-project
│   │   │   └── 📄 index.js
│   │   └── 📝 vite-overview.md
│   ├── 📁 webpack
│   │   ├── 📁 sample-project
│   │   │   └── 📄 index.js
│   │   ├── 📝 webpack-basics.md
│   │   └── 📝 webpack-config-explained.md
│   ├── 📝 esbuild.md
│   ├── 📝 parcel.md
│   └── 📝 rollup.md
├── 📁 04-transpilers
│   ├── 📝 babel.md
│   └── 📝 typescript.md
├── 📁 05-task-runners
│   ├── 📝 gulp.md
│   └── 📝 npm-scripts.md
├── 📁 06-css-tools
│   ├── 📝 postcss.md
│   ├── 📝 sass.md
│   └── 📝 tailwind-build.md
├── 📁 07-linters-formatters
│   ├── 📝 eslint.md
│   └── 📝 prettier.md
├── 📁 08-dev-tools
│   ├── 📝 dev-server.md
│   └── 📝 hot-module-replacement.md
├── 📁 09-optimization
│   ├── 📝 code-splitting.md
│   ├── 📝 lazy-loading.md
│   ├── 📝 minification.md
│   └── 📝 tree-shaking.md
├── 📁 10-ci-cd
│   ├── 📝 build-in-ci.md
│   └── 📝 github-actions.md
├── 📁 11-real-world-setups
│   ├── 📝 nextjs-build.md
│   ├── 📝 react-vite-setup.md
│   └── 📝 react-webpack-setup.md
├── 📁 README.md
└── 📄 LICENSE

About

A complete, production-grade guide to frontend build tools and systems—covering bundlers, transpilers, package managers, optimizations, CI/CD, and real-world setups used by modern frontend teams at scale.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors