@snowpack/plugin-svelte

Use the Svelte compiler to build your .svelte files from source. Supports TypeScript and Sass out-of-the-box via svelte-preprocess.

npm install --save-dev @snowpack/plugin-svelte

// snowpack.config.json
{
  "plugins": [
    ["@snowpack/plugin-svelte", { /* see optional “Plugin Options” below */ }]
  ]
}

Plugin Options

By default, this plugin will look for a svelte.config.js file in your project directory to load preprocess and compilerOptions configuration from. However, you can also customize Svelte directly via the plugin options below.

| Name | Type | Description | | :---------------- | :--------------------------------------------------------------------: | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | configFilePath | string | Relative path to a Svelte config file. Defaults to load svelte.config.js from the current project root directory. | | input | string[] | Array of file extensions to process. Uses svelte.config.js extensions if available. Defaults to ['.svelte']. | | preprocess | svelte.preprocess options | Configure the Svelte pre-processor. If this option is given, the config file preprocess option will be ignored. If any preprocess option is set to false, preprocessing will be skipped entirely regardless of file content. If no preprocess option is given, this plugin defaults to use svelte-preprocess. | | compilerOptions | svelte.compile options | Configure the Svelte compiler.If this option is given, the config file preprocess option will be ignored. | | hmrOptions | svelte-hmr options | Configure HMR & "fast refresh" behavior for Svelte. |