[Solved] Which import style in Angular best supports tree shaking to exclude unused code? — Ans: import { specificFunction } from 'library'; | Angular

Angular - Performance Optimization

Which import style in Angular best supports tree shaking to exclude unused code?

Aimport * as Library from 'library';

Bimport { specificFunction } from 'library';

Cconst Library = require('library');

Dimport 'library';

Step-by-Step Solution

Solution:

Step 1: Analyze import styles
Named imports (import { specificFunction } from 'library';) allow bundlers to identify and remove unused exports.
Step 2: Understand why others fail
Namespace imports (B) and side-effect imports (D) include entire modules, preventing tree shaking.
Final Answer:
import { specificFunction } from 'library'; -> Option B
Quick Check:
Named imports enable tree shaking [OK]

Quick Trick: Use named imports for effective tree shaking [OK]

Common Mistakes:

Master "Performance Optimization" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

Which import style in Angular best supports tree shaking to exclude unused code?