svelte-prefix-loader

The plugin svelte-prefix-loader allows you to specify the directory from which you want to autoload the components, depending on the prefixes in the tag name.

Install

npm install --save-dev svelte-prefix-loader

or

npm i -D headmad/svelte-prefix-loader

Usage

// rollup.config.js

import svelte from "rollup-plugin-svelte"
import prefixLoader from "svelte-prefix-loader"
import myHandler from "./plugins/myHandler.js"

// Other imports

const prefixLoaderConfig = {
  App: './[prefix]/[block]/[block][-elem].svelte',
  My: myHandler
}

module.exports = {
  ...
  plugins: [
    svelte({
      preprocess: [ prefixLoader(prefixLoaderConfig) ]
    })
  ]
  ...
}

• In path template, you can use PascalCase lettering. For example: ```

./[prefix]/[block][-elem].svelte => ./my/header-logo.svelte ./[Prefix]/[Block][Elem].svelte => ./My/HeaderLogo.svelte

- In square brackets, you can use any simbols **before** keyword (prefix, block, elem). For example:

- If tag has no `Block` or `Elem` section, template just skip they in result. For example:

## Also
As a path you can specify a function that should return string - path to svelte-file



The sample code of the handler function:
```javascript
//myHandler.js
const path = require('path')

module.exports = function(rootDir, {prefix, block, elem}) {
    return path.join(rootDir, `/${prefix}/${block}${elem ? '-' + elem : ''}.svelte`)
}