| 1 | # Svelte Pack [![npm-latest]][npm]
|
| 2 |
|
| 3 | > Handle `svelte` single-file-component files.
|
| 4 |
|
| 5 | ## Overview
|
| 6 |
|
| 7 | - [Setup](#setup)
|
| 8 | - [API](#api)
|
| 9 | - [Usage](#usage)
|
| 10 | - [License](#license)
|
| 11 |
|
| 12 | ## Setup
|
| 13 |
|
| 14 | `Svelte Pack` is included in the [`complete`][edition-complete] edition.
|
| 15 |
|
| 16 | **Current Release**
|
| 17 |
|
| 18 | ```bash
|
| 19 | npm install --save-dev @packmule/svelte-pack
|
| 20 | ```
|
| 21 |
|
| 22 | **Nightly Build**
|
| 23 |
|
| 24 | ```bash
|
| 25 | npm install --save-dev @packmule/svelte-pack@nightly
|
| 26 | ```
|
| 27 |
|
| 28 | ## API
|
| 29 |
|
| 30 | ```typescript
|
| 31 | SveltePack();
|
| 32 | ```
|
| 33 |
|
| 34 | ### Hints
|
| 35 |
|
| 36 | - **extract** - _Used to determine if actual CSS files are being created._
|
| 37 |
|
| 38 | ## Usage
|
| 39 |
|
| 40 | **Example**
|
| 41 |
|
| 42 | Compile `svelte` files and embedded languages like TypeScript and Sass.
|
| 43 |
|
| 44 | ```typescript
|
| 45 | import Packmule from '@packmule/core';
|
| 46 | import SveltePack from '@packmule/svelte-pack';
|
| 47 | import SassPack from '@packmule/sass-pack';
|
| 48 | import TypeScriptPack from '@packmule/typescript-pack';
|
| 49 |
|
| 50 | const packmule = new Packmule();
|
| 51 | packmule.add(new SveltePack());
|
| 52 | packmule.add(new SassPack());
|
| 53 | packmule.add(new TypeScriptPack());
|
| 54 | return packmule.generate();
|
| 55 | ```
|
| 56 |
|
| 57 | ## License
|
| 58 |
|
| 59 | [MIT](https://choosealicense.com/licenses/mit/)
|
| 60 |
|
| 61 | ---
|
| 62 |
|
| 63 | [<img src="https://avatars.githubusercontent.com/u/4364197?s=64">](https://www.pixelart.at/)
|
| 64 |
|
| 65 | [packmule-hints]: https://www.npmjs.com/package/@packmule/core#hints
|
| 66 | [packmule-api]: https://www.npmjs.com/package/@packmule/core#api
|
| 67 | [npm]: https://www.npmjs.com/package/@packmule/svelte-pack
|
| 68 | [npm-latest]: https://img.shields.io/npm/v/@packmule/svelte-pack/latest?color=%230AC2FF&label=release&style=for-the-badge
|
| 69 | [edition-default]: https://www.npmjs.com/package/@packmule/default
|
| 70 | [edition-complete]: https://www.npmjs.com/package/@packmule/complete
|