Fitur dan pembaruan baru yang bersudut sudut – Codewithaden

Angular terbaru sekarang secara resmi tersedia, dan menjadi lebih baik dan lebih baik. Saya telah menulis tutorial tentang cara meningkatkan sudut . Jika Anda tidak tahu, maka silakan periksa.

Cara memasang sudut

Jika Anda belum menginstal Angular sebelumnya, Anda dapat menginstal CLI Angular menggunakan perintah berikut.

npm install @angular/cli@next -g 

Ini akan menginstal CLI, dan sekarang untuk membuat proyek sudut baru, Anda harus mengetik perintah berikut.

ng new angular10tutorial 

Ini akan menciptakan proyek sudut baru.

Fitur dan pembaruan baru Angular

Angular terbaru muncul Pemilih Rentang Tanggal Baru.

Bahan sudut Sekarang termasuk pemetik rentang tanggal yang baru.

Anda dapat menggunakan pemetik rentang tanggal baru untuk menggunakan komponen MAT-date-range-range dan komponen pemotongan mat-range.

Anda dapat melihat contoh rentang tanggal DatePicker yang baru di StackBlitz

Peringatan tentang Impor CommonJS

Saat Anda menggunakan ketergantungan yang dikemas dengan CommonJS, itu dapat menghasilkan aplikasi yang lebih besar dan lebih lambat.

Dimulai dengan Angular Version 10, mesin Angular sekarang memperingatkan Anda saat Anda membangun tarikan di salah satu bundel ini.

Jika Anda sudah mulai melihat peringatan ini untuk ketergantungan Anda, beri tahu ketergantungan Anda bahwa Anda lebih suka bundel ecmascript module (ESM).

Saat Anda menjalankan perintah NG Build –Prod perintah, dan jika Anda menggunakan CommonJS, itu akan memperingatkan kami. Sayangnya, ini juga memiliki efek samping menonaktifkan ES5 Builds secara default untuk proyek baru.

Untuk mengaktifkan build ES5 dan pemuatan diferensial untuk browser yang membutuhkannya (seperti IE atau UC browser), Anda harus menambahkan browser yang perlu Anda dukung di .browserslistrc mengajukan.

Menjaga Ekosistem Terus Berlaku

Seperti biasa, tim Angular telah membuat beberapa pembaruan untuk dependensi Angular untuk tetap disinkronkan dengan ekosistem JavaScript.

  1. Angular sekarang menggunakan TypeScript 3.9, versi yang ditingkatkan dari TypeScript.
  2. TSLIB telah diperbarui ke v2.0.
  3. Tslint telah diperbarui ke V6.

Mereka juga telah memperbarui tata letak proyek kami.

Dimulai dengan versi 10, Anda akan melihat yang baru tsconfig.base.json . Ini ekstra tsconfig.json mengajukan dukungan yang lebih baik IDES (Webstorm) dan membangun perkakas untuk menyelesaikan jenis dan paket konfigurasi.

Konfigurasi Browser Default Baru

Mereka telah memperbarui konfigurasi browser untuk proyek-proyek baru untuk mengecualikan browser yang lebih tua dan kurang digunakan.

Untuk melihat daftar browser, ketik kode berikut.

npx browserslist
chrome 83
edge 83
edge 81
firefox 77
firefox 68
ios_saf 13.4-13.5
ios_saf 13.3
ios_saf 13.2
ios_saf 13.0-13.1
ios_saf 12.2-12.4
ios_saf 12.0-12.1
safari 13.1
safari 13
safari 12.1
safari 12 

Pengaturan lebih ketat opsional

Sudut terbaru menawarkan pengaturan proyek yang lebih ketat saat Anda membuat ruang kerja baru dengan NG baru.

ng new --strict 

Mengaktifkan bendera ini untuk menginisialisasi proyek baru Anda dengan beberapa pengaturan baru dapat meningkatkan pemeliharaan, membantu Anda menangkap bug sebelumnya, dan memungkinkan CLI sudut untuk melakukan optimasi canggih di aplikasi kami. Bendera ketat melakukan hal berikut:

  1. Pertama, memungkinkan mode ketat di TypeScript.
  2. Menghidupkan Jenis Template Pemeriksaan ke ketat.
  3. Anggaran bundel default telah berkurang ~ 75%.
  4. Ketiga, ini mengkonfigurasi aturan serat mencegah deklarasi jenis apapun
  5. Akhirnya, ini mengkonfigurasi aplikasi Anda sebagai bebas efek samping untuk memungkinkan peluncuran pohon yang lebih maju.

DESPRECATIONS DAN PENGEMBALIAN

Format paket sudut tidak lagi termasuk bundel ESM5 atau FESM5, menyelamatkan Anda 119MB unduh dan instal waktu saat menjalankan benang atau Instal NPM untuk paket dan perpustakaan sudut.

Format -format ini tidak lagi diperlukan karena leveling turun untuk mendukung ES5 dilakukan pada akhir proses pembangunan.

Berdasarkan konsultasi yang berat dengan masyarakat, kami mencela dukungan untuk browser yang lebih tua, termasuk IE 9, 10, dan Internet Explorer Mobile.

Itu untuk artikel fitur baru dan pembaruan yang bersudut ini.

Artikel ini berasal dari website Winpoin, dan kemudian diterjemahkan ke bahasa indonesia, baca artikel asli disini

Leave a Reply

Your email address will not be published. Required fields are marked *