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標誌）