@snowpack/plugin-svelte NPM

@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.