Svelte - 前端 UI 框架


MIT
跨平台
JavaScript

软件简介

Svelte 是一个前端 UI 框架。

特性:

  • 解决网站的臃肿危机。 Svelte 将你的模板变成快速、轻量级的 vanilla JavaScript。

  • 简单易用。 使用你掌握的语言,从可组合、易写的模块中构建应用。

  • 快速而又坚固。 编译时静态分析确保浏览器不再需要更多的工作。

API:

import * as svelte from 'svelte';

const { code, map } = svelte.compile( source, {
    // the target module format – defaults to 'es' (ES2015 modules), can
    // also be 'amd', 'cjs', 'umd' or 'iife'
    format: 'umd',

    // the filename of the source file, used in e.g. generating sourcemaps
    filename: 'MyComponent.html',

    // the name of the constructor. Required for 'iife' and 'umd' output,
    // but otherwise mostly useful for debugging. Defaults to 'SvelteComponent'
    name: 'MyComponent',

    // for 'amd' and 'umd' output, you can optionally specify an AMD module ID
    amd: {
        id: 'my-component'
    },

    // custom error/warning handlers. By default, errors will throw, and
    // warnings will be printed to the console. Where applicable, the
    // error/warning object will have `pos`, `loc` and `frame` properties
    onerror: err => {
        console.error( err.message );
    },

    onwarn: warning => {
        console.warn( warning.message );
    }
});