Is it possible to build separate CSS file with ang

问题:

By default everything is bundled in:

• inline.bundle.js
• polyfills.bundle.js
• styles.bundle.js
• vendor.bundle.js
• main.bundle.js

Is it possible to have separate CSS file?

回答1:

You can do this using --extract-css flag of ng build. This is the default in --prod mode. More details here: https://github.com/angular/angular-cli/wiki/build

回答2:

As @Rob correctly pointed out you can use flag --extract-css. Unfortunately this flag is not possible to use with ng-serve from Angular 6+.

If you want to extract css in both ng build and ng-serve you can edit angular.json file in below section architect -> build -> options add new option "extractCss": true