Deep Import Analysis
Comprehensively scan your JavaScript/TypeScript codebase to identify which components, functions, and modules from specific libraries are actually being imported and used in your project.
A powerful CLI tool for analyzing imports from libraries in your codebase. Perfect for dependency auditing, bundle optimization, and migration planning.
Get up and running with Importy in seconds and start analyzing your JavaScript/TypeScript imports:
# Install Importy globally via npm
npm install -g importy
# Analyze React hook and component imports
importy --dir ./src --lib react
# Analyze Lodash utility function usage with detailed output
importy --dir ./src --lib lodash --verbose
# Generate JSON report for CI/CD integration
importy --dir ./src --lib @mui/material --output report.json
Watch Importy analyze a real React TypeScript project, identifying hook usage patterns and component imports across multiple libraries including React, Material-UI, and Lodash
Gain deep insights into which specific functions, components, and modules from large libraries like React, Lodash, or Material-UI are actually being used in your codebase. Make informed decisions about bundle optimization and library migration strategies.
Get precise visibility into component and function usage patterns across your entire project. Essential for planning major library upgrades, refactoring initiatives, or transitioning between different UI frameworks.
Identify unused imports, redundant dependencies, and opportunities for tree-shaking improvements. Reduce bundle size by switching to targeted imports or eliminating dead code with confidence.
Seamlessly integrate Importy into your CI/CD pipeline to monitor dependency usage trends, enforce import policies, and automatically detect unwanted or deprecated imports before they reach production.
See exactly what Importy discovers in your codebase with detailed JSON output:
{
"summary": {
"library": "react",
"componentsFound": 9,
"totalImports": 15,
"filesScanned": 42,
"analysisTime": "1.2s"
},
"components": {
"useState": [
"src/components/Counter.tsx",
"src/hooks/useForm.ts",
"src/pages/Dashboard.tsx"
],
"useEffect": [
"src/components/Dashboard.tsx",
"src/hooks/useApi.ts"
],
"useCallback": [
"src/components/OptimizedList.tsx"
],
"useMemo": [
"src/utils/calculations.ts"
]
},
"insights": {
"mostUsedHooks": ["useState", "useEffect"],
"underutilizedImports": ["useReducer", "useContext"],
"migrationReadiness": 85
}
}