Rollup plugin to combine multi-file Svelte components
25개 이상의 토픽을 선택하실 수 없습니다. Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
Conduitry 515dfcc0af v2.0.0 1 년 전
CHANGELOG.md v2.0.0 1 년 전
LICENSE update readme 1 년 전
README.md update readme 1 년 전
index.js tidy 1 년 전
package.json v2.0.0 1 년 전

README.md

rollup-plugin-svelte-combiner

A simple Rollup plugin to allow the script and stylesheet portions of a Svelte component to be stored in separate files.

Requirements

  • Node 6+
  • Rollup 0.65+ or 1+

Installation

This is not published to npm. Install from Git tags.

Usage

Import svelteCombiner in your rollup.config.js. Place svelteCombiner() in your array of Rollup plugins before the main svelte plugin.

import svelte from 'rollup-plugin-svelte';
import svelteCombiner from 'rollup-plugin-svelte-combiner';

export default {
	// ...
	plugins: [
		// ...
		svelteCombiner(),
		svelte(),
		// ...
	],
};

The main file of a component is by default expected to have an .html or .svelte extension. This can be configured by initializing the plugin with svelteCombiner({ extensions: ['.something', '.another'] }). These should typically be set to the same extensions as are passed to the main svelte plugin.

The javascript portion of the component should have the same path and filename but with a .js extension. The stylesheet portion of the component should have the same path and filename but with a .css extension.

TODO

  • watch for new corresponding .js/.css files being added after Rollup watch starts (maybe?)

License

MIT