Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/khujamovcodes/babel
https://github.com/khujamovcodes/babel
babel babel-loader babeljs
Last synced: 5 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/khujamovcodes/babel
- Owner: KhujamovCodes
- Created: 2024-08-24T14:21:44.000Z (2 months ago)
- Default Branch: main
- Last Pushed: 2024-08-29T15:05:07.000Z (2 months ago)
- Last Synced: 2024-10-31T15:43:52.191Z (6 days ago)
- Topics: babel, babel-loader, babeljs
- Homepage: https://babeljs.io/
- Size: 4.88 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Babel: Til Tarjima Vositasi
### Kirish
Babel - dasturlash dunyosida mashhur bo'lgan JavaScript transpileri bo'lib, zamonaviy JavaScript kodini eski brauzerlarda ishlatiladigan versiyalarga aylantirish uchun ishlatiladi. Bu jarayon kodni eshlovchi mashinalarga moslab o'zgartiradi va dasturchilarga zamonaviy JavaScript'ning yangi imkoniyatlarini to'liq ishlatishga yordam beradi.### Babel'ning Asosiy Xususiyatlari
- **Transpilyatsiya**: Babel ES6 yoki undan yangi JavaScript kodini eski ES5 kodiga o'giradi, bu esa eski brauzerlarda ham ishlash imkoniyatini yaratadi.
- **Plaginlar**: Babel turli xil plaginlar yordamida kengaytirilishi mumkin, bu esa faqat kerakli xususiyatlarni qo'llash imkoniyatini beradi.
- **Polyfills**: Babel "polyfill" lar orqali yangi funksiyalarni eski muhitlarga qo'shish imkonini beradi.
### Ishlash Tartibi
1. **Kiruvchi Kod**: Siz yozgan zamonaviy JavaScript kodini Babel oladi.
2. **Parsers**: Kodni o'qish va sintaktik daraxtga (AST - Abstract Syntax Tree) aylantirish uchun foydalaniladi.
3. **Plaginlar va Presetlar**: AST ustida o'zgartirishlar qilish uchun ishlatiladi.
4. **Kod Generatsiyasi**: Yangi AST ga asoslangan holda eski kodni generatsiya qiladi.### O'rnatish va Ishlatish
Babel'ni loyihangizga qo'shish juda oson:
```bash
npm install --save-dev @babel/core @babel/cli @babel/preset-env