https://github.com/PaulMaly/svelte-ts-preprocess

https://github.com/PaulMaly/svelte-ts-preprocess

Last synced: 3 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/PaulMaly/svelte-ts-preprocess
• Owner: PaulMaly
• Created: 2019-04-10T19:12:26.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-03T20:18:13.000Z (almost 2 years ago)
• Last Synced: 2024-07-07T17:23:43.696Z (4 months ago)
• Language: TypeScript
• Size: 2.59 MB
• Stars: 97
• Watchers: 3
• Forks: 22
• Open Issues: 44
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Typescript preprocessor for Svelte 3

## Install

```bash

npm i svelte-ts-preprocess

```

## Rollup config

```javascript

import svelte from "rollup-plugin-svelte";

import resolve from "rollup-plugin-node-resolve";

import commonjs from "rollup-plugin-commonjs";

import { terser } from "rollup-plugin-terser";

import { preprocess } from "svelte-ts-preprocess";

const production = !process.env.ROLLUP_WATCH;

export default {

  input: "src/main.js",

  output: {

    sourcemap: true,

    format: "iife",

    name: "app",

    file: "public/bundle.js"

  },

  plugins: [

    svelte({

      // enable run-time checks when not in production

      dev: !production,

      // we'll extract any component CSS out into

      // a separate file — better for performance

      css: css => {

        css.write("public/bundle.css");

      },

      preprocess: preprocess()

    }),

    // If you have external dependencies installed from

    // npm, you'll most likely need these plugins. In

    // some cases you'll need additional configuration —

    // consult the documentation for details:

    // https://github.com/rollup/rollup-plugin-commonjs

    resolve(),

    commonjs(),

    // If we're building for production (npm run build

    // instead of npm run dev), minify

    production && terser()

  ]

};

```

# Quick starter template

[svelte-ts-template](https://github.com/pyoner/svelte-ts-template)

# Typings

[svelte-types](https://github.com/pyoner/svelte-types)

# For Contributors

To install this monorepo you can use `lerna + npm`

```bash

cd svelte-ts-preprocess

npm i lerna -g

lerna bootstrap

```

or `lerna + yarn` see [use workspaces](https://github.com/lerna/lerna/tree/master/commands/bootstrap#--use-workspaces)

```bash

cd svelte-ts-preprocess

yarn i lerna -g

lerna bootstrap --use-workspaces

```

or `yarn only`

```bash

cd svelte-ts-preprocess

yarn install

```