parcel-transformer-sveltejs

A Parcel 2 transformer for SvelteJS 3

Installation and usage

npm install --save-dev parcel-transformer-sveltejs

In Parcel 2 you need to tell Parcel which files to transform. Put the following snippet in .parcelrc in the root of your app.

{
  "extends": ["@parcel/config-default"],
  "transforms": {
    "*.svelte": ["parcel-transformer-sveltejs"]
  }
}

Configuration of Svelte compiler

You can configure the Svelte compiler through a config file .svelterc or svelte.config.js at the project root level. Optionally you can put a svelte field in package.json.

{
  compiler: {
   ...options
  }
}

For details on compiler options, have a look in the Svelte compile docs.

Options set by the transformer

The three compiler options filename, name and dev are all set by the transformer. Additionally the css option is set to false, as recommended by Svelte, but you may override this.

Using preprocessors

Svelte supports running preprocessors to transform component source code. You may pass the preprocessors argument to Svelte through a config file svelte.config.js.

// This is just an example
const preprocessor = require('some-svelte-preprocessor');

module.exports = {
  compiler: { ...options },
  preprocessors: [
    preprocessor
  ],
};

For details on Svelte preprocessors, have a look in the Svelte preprocess docs.

License

MIT License