Angular Json File - My Top 8 Settings (2022)

Рет қаралды 25,561

Күн бұрын

The angular.json file is where we usually configure the angular workspace and every particular project or library. In this video, I will share my TOP 8 the most used settings in my angular.json files, and some advanced configurations that might also be useful in your projects. I hope you will learn something useful today :) If you would like to support my channel you can share this video with your colleagues and friends.
💥 Angular courses made by Dmytro - bit.ly/df-courses 💥
✂️ Use coupon KZfaq_DISCOUNT to get a 10%-off discount ✂️
🕒 Time Codes:
00:00:00 - Intro;
00:00:32 - Setting up yarn as default package manager;
00:01:48 - Configuring build cache (Angular 13 and above);
00:04:21 - Default options for Schematics;
00:09:28 - Do you want to know how to build a custom builder?;
00:10:11 - How to include 3rd-party styles;
00:14:33 - How to include 3rd-party js scripts;
00:17:23 - How to deal with assets;
00:20:59 - Create your custom config (staging environment);
00:25:21 - Budgets (How to control bundle size);
00:28:43 - Outro;
↙️ Short Frontend Snacks every week here:
Twitter - / decodedfrontend
Instagram - / decodedfrontend
LinkedIn - / dmezhenskyi
#angular #angular14 #angularrouter #webdevelopment #ng

Пікірлер: 165

@DecodedFrontend Жыл бұрын

Please, don't forget to leave your comments and thumbs up if you are interested to see how to create a custom builder! :) UPD. Video about custom builder is published - kzfaq.info/get/bejne/h8h0nqd9076link.html

@eqprog Жыл бұрын

This is my comment telling you I’m interested in that video

@DecodedFrontend Жыл бұрын

@@eqprog awesome! Thank you 😊

@frontend3409 Жыл бұрын

I think configurations (and fileReplacements) options, with switching environments depend of environment on wich app is working is the most used setting in angular.json

@jonhdoe Жыл бұрын

Please just do it, we'll be here to watch it.

@sanjeetbahadur1667 Жыл бұрын

i have a question how i can dynamically switch the stylesheets based on some configuration i.e theme based stylesheets?

@karthikeyan878 Жыл бұрын

Please make a video on below topics 1. Husky + lint-staged + eslint + prettier configuration with Angular 2. Feature flag implementation in Angular

@p.s29 Жыл бұрын

Thanks for the video. One thing I would like to share. Alias for --configuration is -c. ng build -c staging. Further abbreviated to ng b -c staging. 😅

@TheSoma300 Жыл бұрын

Would be interested for sure in schematics, also Nx generators and best practices for both 🙏

@mykhailopanas4027 Жыл бұрын

Great job! Thanks for a clear explanation and cool content in general!

@srikanthsiddenki1216 Жыл бұрын

Much needed video, Thanks!!

@fernandorochaworld Жыл бұрын

Great content! Thank you.

@user-oz5nw2hi1f Жыл бұрын

Thank you, Dmytro!

@MrMichaelPet 2 ай бұрын

Another great video, thank you.

@nikachkhobadze7710 Жыл бұрын

Nice! Keep up! Really interesting!

@markusingvarsson2146 Жыл бұрын

Really great video!

@bdbcavalcanti Жыл бұрын

Thanks for the video!!

@dimitridovgan6364 Жыл бұрын

The best Angular Videos out here! Great! Thank you!

@user-wh4pm2bj1q Жыл бұрын

Great work!!!!

@_cipriangg_ Жыл бұрын

Very nice video, as always!

@hiteshsuthar1097 11 ай бұрын

Simple and Clean 💚

@karthikeyan878 Жыл бұрын

Very useful . Thank you

@zielad362 Жыл бұрын

great video, thank you very much!

@loko1944 Жыл бұрын

Just what I needed

@yaibanoutsukushii 3 ай бұрын

I'd love to have further videos you smart youtuber

@stoney.8290 Жыл бұрын

Love your content.... looking forward for topic..

@nanasarathi Жыл бұрын

Very informative 👍 Thanks for sharing this 🙏

@venkatv3208 Жыл бұрын

Most awaited topic, thank you so much.

@user-qt4rf2lg2g 8 ай бұрын

Great quality video!

@tiagonunes889 Жыл бұрын

That's some high quality content that you make. Thanks

@EricBichara Жыл бұрын

Fantastic video again

@aakash261 Жыл бұрын

This is so helpful 👌 thankyou

@ITStars Жыл бұрын

really great videos , thanks alot :)😍😍

@SafetyLast-_- Жыл бұрын

Thanks for useful content! It's really useful.

@camilaebf Жыл бұрын

Good and well explained video!

@amberlum9166 Жыл бұрын

thank you so much. The video helps so much and please keep up the good work!

@lsst25 Жыл бұрын

Thanks for your videos, they are really helpfull!

@carloszm7494 Жыл бұрын

Great info. I really appreciate it.

@demidovmaxim1008 Жыл бұрын

Yahoo)))) New video. As always very helpful and informative. Thanks a lot.

@wawawawa919 Жыл бұрын

Thanks for sharing all this valuable information! I'm very interested custom builders, please make one.

@galaxies_dev Жыл бұрын

Very cool settings, especially the part about controlling the injection of CSS and JS files!

@zeeshanmushtaq508 Жыл бұрын

@Decoded Frontend , We would love to see more videos like these. Thanks for sharing your knowledge with us.

@PH2000able Жыл бұрын

Good job , very useful!

@richardkolyadko3363 Жыл бұрын

Thanks, very useful

@Klaunyinya90 Жыл бұрын

Thanks for this video. I would be interested in learning more about the custom builders :)

@shriniwasrocks Жыл бұрын

dude.... I actually needed this exact video today.😅

@mancmanomomyst Жыл бұрын

I don't know why but I thought customising schematics would be something very difficult to do and this video absolutely blew my mind. I have a monorepo component library project and at the minute there are lots of manual changes you have to make after using the cli to create new libraries, I can now simply update the schematics and make the whole process significantly easier for new developers! I would love to see your video on custom builders to so I hope you get enough additional likes and comments!

@DecodedFrontend Жыл бұрын

Glad that the video helped :) indeed, the configuration of schematics is easy! P.s next video about custom builder, so stay tuned 😉

@urchuk2006 Жыл бұрын

Дякую за корисний контент! Продовжуйте в тому ж дусі ✊

@aliasgartaksali7785 10 ай бұрын

Loved this videos, much helpful content. You earned my sub ✌

@szwagier170 Жыл бұрын

So great job.

@carlosabud Жыл бұрын

This is great Dmytro. Not many videos on this topic and nowhere close to these level of clarity :)

@carlosiglesias4065 Жыл бұрын

I love your channel!

@mykhailohrokhola815 Жыл бұрын

Thank you for your content! Waiting for video about a custom builder ⏳

@mustafasange Жыл бұрын

Thanks for sharing config. Yes, please more video on custom builder.

@angelpellejero8764 Жыл бұрын

Thanks for the video. Waiting for the video about a custom builder 🙏

@anhquande Жыл бұрын

Thank Dmytro, i am new in Angular, and found your videos very helpful

@ArifAhmed-fn4ez Жыл бұрын

Very informative

@pavelsamchuk7613 Жыл бұрын

Дякую, Дмитро, за якісний контент

@dawidniegrebecki2205 Жыл бұрын

Wow, Dmytro, you are creating really great tutorials. I would love to see more people create tutorials on advanced topics. Currently, you are by far my favourite programming KZfaq creator. Thank you for your great work!

@DecodedFrontend Жыл бұрын

Hi Dawid! Thank you so much for the feedback 😊

@matiasbpg Жыл бұрын

Great video, I wish I got to your channel when I started with angular

@zubinthoughts Жыл бұрын

This is something new which i learnt from you channel and keep making such videos thanks

@user-yc3jr7kw3f Жыл бұрын

Hi, Dmytro. Just wanna say, that you channel is awesome. Like finding a diamond :) Lots of things that I thought I would never understand you make much more easier for me. Keep going, please :)

@omidsoleimani3817 Жыл бұрын

Thanks for this video. Waiting for custom builders video

@rajanchavda1417 Жыл бұрын

Your videos are Gems

@reyco1 Жыл бұрын

I'd love to see a video on how to create a custom builder!

@carlosiglesias8354 Жыл бұрын

I love your videos! My work is much better because of you ♥️

@it-s-me-mohit Жыл бұрын

Great Video

@oleksandrvorovchenko8674 Жыл бұрын

Thanks, quite useful. Waiting for custom builders video :-)

@frontend3409 Жыл бұрын

angular.json is with Angular Devs since few years, but it's first video about it on youtube, i believe. Thank you for that 🙇‍♂

@beeTechSE Жыл бұрын

Very useful

@gyudhi Жыл бұрын

excellent kind of information that we don't get in such a concise way

@litovkinvital Жыл бұрын

Thank you

@letok2871 Жыл бұрын

Very interesting info! Sometimes we use framework not even know how it works)))

@robiulhassan4263 Жыл бұрын

Good job.

@jaromirroth1770 Жыл бұрын

+1 for the video about creating custom builder :)

@DecodedFrontend Жыл бұрын

It will be the next one ;)

@Brumry Жыл бұрын

I am really glad you are making videos about angular, I think this is the best YT channel for it. Maybe some suggestions if you are out of ideas: angular animations, view encapsulation, SSR & SEO, Error logging

@xavier4028 Жыл бұрын

Best Angular-related channel so far. Дякую за вашу роботу, привіт з Черкаської області! 🇺🇦

@imvasia13 Жыл бұрын

Thanks!

@manusi9669 Жыл бұрын

Yes, It's a great offer!

@YanLoonG13 Жыл бұрын

NICE!!

@larryamisola Жыл бұрын

Looking forward for the custom build.

@mehdin2222 Жыл бұрын

hi thanks for your guid

@ShashankGram Жыл бұрын

Thank you for the video

@DecodedFrontend Жыл бұрын

You’re welcome! I hope you will like it 😊

@JuliaSleeps Жыл бұрын

Looking forward for the custom build)

@AhmedGamal-mw6tk 11 ай бұрын

Amazing

@mehdin2222 Жыл бұрын

YOU are the best

@newmagicfilms Жыл бұрын

What do you use to edit your videos? Btw your video quality / information / skill grows from each video. Keep the good work, you make a lot of professional angular devs here!

@subbusistha9075 Жыл бұрын

Yes we are interested

@picsdh Жыл бұрын

Hello dymtro, Hope all is well on your side. Been following you from my first account for long time,and would like to appreciate the effort you are putting for angular community. Kudos! Recently I planned to use another i was getting irrelevant notifications in my first account. It would be helpful for everyone if you can look into or cover angular optimization , compression or minification topic. Thank you in advance

@vahidsaebi5653 Жыл бұрын

good to know

@user-us8ep3sq3c 9 ай бұрын

thanks for such great videos we wish that you create video about how to create big project folder structure

@hubert.t4243 Жыл бұрын

Yes please can you please make more videos on schemetics and NX generators as well. Thanks

@GankMe57 Жыл бұрын

Thumb up !

@RobertoDuransh Жыл бұрын

as alwasy awesome video, soo useful. one question why you prefer yarn just curious

@muhammadghaderi4611 Жыл бұрын

Great, Please add one for Angular Universal best practices.

@oranaki7 Жыл бұрын

Thanks for this video!! what vs extension are you using to get the AutoComplete in the angular.json file?

@RodrigoSalesSilva Жыл бұрын

Nice

@cozmik_kay Жыл бұрын

Thanks for the video... really insightful. I had to build an element recently but ran into a situation where I couldn't bundle the css with the built JS, can u please do a video on angular custom elements? Thanks

@user-ct9ng2zn6f 7 ай бұрын

Hi Dmytro, every time you create an out-of-the-box video, keep it up ❤. I have a question: can we replace any component file with another component file based on environment configuration? As you replaced the development environment file with the production environment file

@paulh6933 Жыл бұрын

Good vid. I would be interested in learning more about a custom builder

@manojradharapu4688 Жыл бұрын

Custom Builder ?

@paulh6933 Жыл бұрын

@@manojradharapu4688 Check out ~9:30 mark in the vid

@lukassefcik9623 Жыл бұрын

I would love to see custom builders video. 👍

@ahmedmhkl1008 Жыл бұрын

go on 👍

@misha130 Жыл бұрын

Thats really interesting. Now do the worst 8 settings in angular.json

@ukaszkordiak8702 Жыл бұрын

i'm waiting for a video about custom builders 😊

@PaweWaszczynski Жыл бұрын

Cool content. How would you lazy load scripts/css that are in separate files and not included in index.html given the fact that files names are dynamic?