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

Usage no npm install needed!

<script type="module">
  import snowpackPluginSvelte from 'https://cdn.skypack.dev/@snowpack/plugin-svelte';
</script>

README

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