svelte render下载 - svelte render源代码下载

svelte render

其他类别

1.0.0

下载

@metamodern/svelte-render

友好的jamstack专注于Svelte应用程序的构建工具

我创建了这个实用程序，以为我的Svelte项目构建脚手架配置。因为我专注于可以通过Netlify部署的现代静态站点和客户端应用程序，所以Sapper包括许多我不需要的服务器端开发的基础架构。 Svelte套件的下一代替代品可以替换，但在不久的将来可能还没有准备好生产，因此，我将维护此CLI工具，直到我进行了可靠的替代品。

特征

以下是svelte-render添加的一些功能，在起动卷卷配置之上：

假设一个明智的目录结构，但允许自定义
包括一个带有标志的CLI脚本，用于通用渲染选项
包括基本插件开箱即用
支持JavaScript配置文件以导入其他插件等。
带有内置的Babel配置（并带有不转移的选项）
支持渲染钩以自动化其他构建步骤
ES模块到处都是 - 再也不需要require() ！

安装

npm i @metamodern/svelte-render

CLI用法

CLI脚本仅作为ES模块发布。最小node.js版本为14（截至发布日期截止日期最新）。

npx svelte-render [context] [--key = value]

# default to process.cwd() as context
cd project
npx svelte-render [--key = value]

# skip production optimizations
npx svelte-render --development

# just output HTML from the entry file
npx svelte-render --client=0 --noCss

# specify a custom directory structure
npx svelte-render --src=. --dist=public

# specify the path to your config file
# ** if not at ./render.config.js **
npx svelte-render --configFile=./config/svelte-render.js

配置文件

可以使用配置文件指定选项。该文件应使用ES模块导入/导出语法。它的默认导出应是一个函数，该函数将包含命令行选项的对象作为其灌溉，并返回一个对象指定其他选项以传递到渲染函数。

预计将在./render.config.js （相对于context ）找到该配置文件，但是可以从命令行指定自定义路径，如上所示。

有关所有可能传递给渲染函数的所有选项的列表，请参见下文。

JavaScript API和配置选项

JavaScript API仅作为ES模块发布。不支持commonjs require() 。

模块的默认导出是具有以下参数的函数：

 async function ( context : string , {
  src = 'src' ,
  assets = 'assets' ,
  dist = 'dist' ,
  entry = 'index.svelte' ,
  client = 'client.js' ,
  noCss = false ,
  development = false ,
  transpile = ! development ,
  rollupInputPlugins = [ ] ,
  rollupInputOptions = { } ,
  compilerOptions = { } ,
  sveltePreprocess = { } ,
  svelteOptions = { } ,
  terserOptions = { } ,
  browsers = 'defaults' ,
  babelPresets = [ [ '@babel/preset-env' , {
    targets : browsers ,
    corejs : 3 ,
    useBuiltIns : 'usage' ,
  } ] ] ,
  babelPlugins = [ ] ,
  babelOptions = { } ,
  before ,
  onRender ,
  after ,
} = { } ) : Promise < number > // returns 0 on success

必需的

注意：仅在使用JavaScript API时需要context参数。使用CLI脚本时， context默认为process.cwd() 。

配置目录结构

以下选项可以指定为文件名或路径，并将相对于context解决。

SRC ： entry和client端源文件的父目录
资产：要复制到dist的静态资产目录
DIST ：将提供Web文件的公共目录
条目：作为初始视图预渲染的苗条文件（ development标志打开时忽略）
客户端：将以客户端脚本滚动的JavaScript源文件（仅渲染静态HTML，将client设置为false ，并且不使用development标志）