Angular 7 Tutorial Part 2 - Create Base Project Structure & Webpack Config

In part 2 of this Angular 7 tutorial series we're going to setup the base project structure and webpack config for an Angular 7 application.

OTHER PARTS IN ANGULAR 7 TUTORIAL:

[devdianalee]

perfect pace for me to follow and piece together everything I've learned. I appreciate your organization.

[jwil]

I always used the CLI but never really understood what every file did. Thanks for this walk through of each file!

[boshbigcat]

This guy is so awesome that I have never seen such a mighty tutorial!

[SlavaTravels]

Thanks, Jason! Extremely useful video for beginners like me!

[p.g.]

Looks like you didn't do that for the first time. :-) Thank you very much!

[LalindaDias]

If you can re-do the same video series using default project structure which generates from 'ng new' command, that would be helpful to us. Anyway, good work.

[pawan-tdff]

Any chance you could lower the sound of the keys being pressed?
I finally found a good video on the topic but my ears hurt (earphones)
Thanks

[yosiefberhe]

How about creating multiple independent pages in one website? I have tried a lot of ways but can't come up with anything. Thank you in advance.

[bhupeshk]

Nice Tutorial.. May I request you to share webpack with newer versions of angular (e.g angular 9 or 10 ver)?

[manojradharapu]

How to load css in this project using web pack ?

[mg-lnsw]

Ran into compile error. Have been working on and re-doing the entire set of steps in your blog for over an hour.

ERROR in [tsl] ERROR
TS18002: The 'files' list in config file 'tsconfig.json' is empty.

ERROR in ./src/main.ts
Module build failed (from
Error: error while parsing tsconfig.json

[mhardaniel]

how about webpack for production build? thanks..