ยท
๐ฆ๐๐ข๐ง.๐ญ๐ฌ ๐
- The main.ts file is the main file which is the start point of our application.
- As you have read before about the main method the same concepts are here in the Angular application.
- It's the file for the bootstrapping the application by the main module as .bootstrapModule (AppModule).
- It means according to main.ts file, Angular loads this module first.
๐ฉ๐๐๐ค๐๐ ๐.๐ฃ๐ฌ๐จ๐ง โผ๏ธ
- Itโs the most important file for the Angular application.
- There are many settings in this file including dependencies and devDependencies.
- When we run npm install, Angular installs all the dependencies as defined in this file.
๐ฉ๐๐๐ค๐๐ ๐-๐ฅ๐จ๐๐ค.๐ฃ๐ฌ๐จ๐ง ๐พ
- Whenever npm modifies the node_module tree or package.json file, then package-lock.json is automatically generated.
- โ This file is intended to be committed into source repositories, and serves various purposes:
- โ Describe a single representation of a dependency tree such that teammates, deployments, and continuous integration are guaranteed to install exactly the same dependencies.
- โ Provide a facility for users to "time-travel" to previous states of node_modules without having to commit the directory itself.
- โ To facilitate greater visibility of tree changes through readable source control diffs.
- โ And optimize the installation process by allowing npm to skip repeated metadata resolutions for previously-installed packages.
๐ญ๐ฌ๐๐จ๐ง๐๐ข๐ .๐ฃ๐ฌ๐จ๐ง โ๏ธ
- The tsconfig.json is the configuration file and there are many setting for TypeScript compiler.
- According to these settings the TypeScript code to compile into Javascript so that browser can understand it .
๐๐ง๐ ๐ฎ๐ฅ๐๐ซ-๐๐ฅ๐ข.๐ฃ๐ฌ๐จ๐ง ๐ง
- The Angular-cli.json is the configuration file of Angular application in which we have many configuration settings which is required for Angular application.
๐๐ฌ๐ฌ๐๐ญ ๐๐จ๐ฅ๐๐๐ซ ๐ผ๏ธ
- Whenever we build our Angular application with "npm run build" or "ng build --prod" commands,
- then Angular CLI moved all of our assets into the dist folder.
- It will do the same when it sees that there are images inside the assets folder.
- So, we can say that assets folder is used in Angular for maintaining the Angular assets as image etc which doesn't have to be modified while compiling.