Compile Svelte components with Fly

npm install --save-dev fly-svelte

exports.views = function * (fly) {
  yield fly.source('src/**/*.html').svelte({
    entry: 'src/App.html',
    sourceMap: 'inline'
  }).target('dist/js');
}

If you wanted, you can chain other JavaScript plugins (eg fly-babel) immediately after Svelte compiles!

exports.scripts = function * (fly) {
  yield fly.source('src/App.html').svelte({
    css: false
  }).babel({
    presets: ['es2015']
  }).target('dist/js');
}

By default, every file from fly.source will be treated as an entry file. (This can be changed via options.entry.) All source files will be compiled with .js file extensions.

Check out Svelte's CLI documentation to see the available options.

This plugin adds two additional options:

Type: String or Array
Default: null

Use to specify entry file(s) from a larger source. Doing so will overwrite the the internal fly.source array. Useful when chaining multiple relevant tasks.

Type: String
Options: 'internal' or 'external' Default: false

Create an inline or an external sourcemap for each entry file. A sourceMappingURL comment is appended to each destination file.

If using external maps, a foo.js entry will also generate a foo.js.map file.

MIT © Luke Edwards