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 afoo.js.map
file.
MIT © Luke Edwards