Menu
Libraries |
Category

svelte-preprocess-import-assets

  • Purpose: Enables direct import of assets (like images) within Svelte markup, converting them into script imports for better bundling and optimization.
  • Key Features:
    • Converts <img src="./assets/image.png"> into an imported asset in the script tag.
    • Supports Svelte 3, 4, and experimental Svelte 5 compatibility.
    • Customizable via options for filtering URLs, handling HTTP sources, and modifying import naming.
  • Target Audience: Svelte developers looking to streamline asset management in their components.
  • Framework Support: Primarily for Svelte (versions 3, 4, and experimental 5).
  • Customization:
    • Define which tags/attributes to scan for assets (sources option).
    • Filter URLs by protocol or extension (http, urlFilter).
    • Ignore specific elements with a comment directive (<!-- svelte-preprocess-import-assets-ignore -->).
  • Attributions: Inspired by svelte-assets-preprocessor .

sveltepreprocessassets

Comments