An array of directory paths to exclude from the SVG icon scanning process.
Overview
TheignoreDirectories setting allows you to exclude specific directories from being scanned for SVG icons. This is useful for:
- Improving scan performance by skipping large directories
- Excluding third-party or generated code
- Preventing irrelevant icons from appearing in the extension
- Avoiding scanning of node_modules, build outputs, or other non-source directories
Configuration
Basic Example
Exclude common directories:Exclude Nested Paths
Specify nested directories to ignore:Common Patterns
Typical directories to exclude in a React/TypeScript project:Path Format
- Paths can be relative to the workspace root (e.g.,
src/vendor) - Use directory names without leading
./for simplicity - Path separators should use forward slashes (
/) - Exact directory name matching is used
Performance Benefits
Excluding directories can significantly improve scanning performance:- node_modules: Often contains thousands of files
- Build outputs: Generated files that don’t need scanning
- Cache directories: Temporary files that change frequently
- Test fixtures: Large test data sets
Best Practices
- Always exclude node_modules: This directory is typically very large and doesn’t contain source icons
- Exclude build outputs: Directories like
dist,build,outcontain generated files - Exclude cache directories: Framework-specific cache folders (
.next,.nuxt, etc.) - Test performance: If scans are slow, add more directories to the ignore list
Default Behavior
By default, the array is empty ([]), meaning all directories will be scanned unless explicitly ignored. The extension does not automatically ignore any directories, so you should configure this setting based on your project structure.
Related Settings
- Assets Path - Specify directories to scan
- Settings Overview - View all available settings