Set angular public style sheets and angular Style Sheets

Set angular public style sheets and angular Style Sheets

I. symptom:

Newly created projects are directly displayed in the src directory. If global styles of other third parties are used, they cannot be managed in one place.

 

Ii. solution:

1. Move the style sheet.

In the assets folder (which usually contains some static files), create a css folder and then paste the external styles.css file (or custom other style sheets, such as common.css) to the css folder;

2. Change the global style path.

(1), open the. angular-cli.json under the root directory to find the style path settings, about 2 rows,

(2) Update the path and set the path of the file previously placed in assets here,

(3) restart the service and run the ng serve command.

 

Iii. Summary:

The same class of things should be managed in a unified place.