Angular Json File - My Top 8 Settings (2022)

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 CZcams_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

[@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 - czcams.com/video/QbDkDLnXAZE/video.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

[@dimitridovgan6364]

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

[@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. 😅

[@urchuk2006]

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

[@venkatv3208]

Most awaited topic, thank you so much.

[@Klaunyinya90]

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

[@demidovmaxim1008]

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

[@TheSoma300]

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

[@zeeshanmushtaq508]

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

[@carlosabud]

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

[@pavelsamchuk7613]

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

[@anhquande]

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

[@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 :)

[@mykhailopanas4027]

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

[@aliasgartaksali7785]

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

[@_cipriangg_]

Very nice video, as always!

[@galaxies_dev]

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

[@srikanthsiddenki1216]

Much needed video, Thanks!!

[@amberlum9166]

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

[@hiteshsuthar1097]

Simple and Clean 💚

[@MrMichaelPet]

Another great video, thank you.

[@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 CZcams creator. Thank you for your great work!

[@DecodedFrontend]

Hi Dawid! Thank you so much for the feedback 😊

[@mykhailohrokhola815]

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

[@user-oz5nw2hi1f]

Thank you, Dmytro!

[@zubinthoughts]

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

[@nikachkhobadze7710]

Nice! Keep up! Really interesting!

[@SafetyLast-_-]

Thanks for useful content! It's really useful.

[@tiagonunes889]

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

[@oleksandrvorovchenko8674]

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

[@EricBichara]

Fantastic video again

[@user-wh4pm2bj1q]

Great work!!!!

[@camilaebf]

Good and well explained video!

[@angelpellejero8764]

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

[@nanasarathi]

Very informative 👍 Thanks for sharing this 🙏

[@markusingvarsson2146]

Really great video!

[@user-qt4rf2lg2g]

Great quality video!

[@mustafasange]

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

[@lsst25]

Thanks for your videos, they are really helpfull!

[@loko1944]

Just what I needed

[@stoney.8290]

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

[@shriniwasrocks]

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

[@fernandorochaworld]

Great content! Thank you.

[@PH2000able]

Good job , very useful!

[@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

[@carlosiglesias8354]

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

[@bdbcavalcanti]

Thanks for the video!!

[@matiasbpg]

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

[@zielad362]

great video, thank you very much!

[@aakash261]

This is so helpful 👌 thankyou

[@omidsoleimani3817]

Thanks for this video. Waiting for custom builders video

[@karthikeyan878]

Very useful . Thank you

[@carlosiglesias4065]

I love your channel!

[@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 🙇‍♂

[@ITStars]

really great videos , thanks alot :)😍😍

[@carloszm7494]

Great info. I really appreciate it.

[@gyudhi]

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

[@xavier4028]

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

[@richardkolyadko3363]

Thanks, very useful

[@szwagier170]

So great job.

[@wawawawa919]

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

[@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 😉

[@JuliaSleeps]

Looking forward for the custom build)

[@rajanchavda1417]

Your videos are Gems

[@it-s-me-mohit]

Great Video

[@jaromirroth1770]

+1 for the video about creating custom builder :)

[@DecodedFrontend]

It will be the next one ;)

[@manusi9669]

Yes, It's a great offer!

[@ArifAhmed-fn4ez]

Very informative

[@larryamisola]

Looking forward for the custom build.

[@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

[@robiulhassan4263]

Good job.

[@beeTechSE]

Very useful

[@letok2871]

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

[@hubert.t4243]

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

[@yaibanoutsukushii]

I'd love to have further videos you smart youtuber

[@litovkinvital]

Thank you

[@ShashankGram]

Thank you for the video

[@DecodedFrontend]

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

[@mehdin2222]

YOU are the best

[@subbusistha9075]

Yes we are interested

[@reyco1]

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

[@imvasia13]

Thanks!

[@RobertoDuransh]

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

[@mehdin2222]

hi thanks for your guid

[@user-us8ep3sq3c]

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

[@YanLoonG13]

NICE!!

[@ahmad-g-mustafa]

Amazing

[@Simon_IHG]

Thumb up !

[@muhammadghaderi4611]

Great, Please add one for Angular Universal best practices.

[@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

[@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!

[@user-ct9ng2zn6f]

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

[@lukassefcik9623]

I would love to see custom builders video. 👍

[@vahidsaebi5653]

good to know

[@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

[@ukaszkordiak8702]

i'm waiting for a video about custom builders 😊

[@misha130]

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

[@RodrigoSalesSilva]

Nice

[@ahmedmhkl1008]

go on 👍

[@oranaki7]

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

[@sameralkhatib4474]

Id love to learn about custom builders and serve