【文件属性】:
文件名称:svelte-image:使用Sharp for Svelte进行图像(预处理)
文件大小:4.47MB
文件格式:ZIP
更新时间:2021-02-14 17:24:21
JavaScript
苗条的形象
Svelte image是一个预处理器,可以使用来自动进行图像优化。
它解析您的img标签,对其进行优化或内联,并相应地替换src。 (外部图像未优化。)
Image组件可通过srcset进行延迟srcset并提供多种尺寸。
该程序包的灵感主要来自。
有关Svelte Image的出色。
安装
yarn add svelte-image -D
需要将svelte-image添加为dev依赖项,因为Svelte
在您的rollup.config.js将image添加到预处理部分:
import image from "svelte-image" ;
svelte ( {
preprocess : {
... image ( ) ,
}
} )
玩得开心!
< script >
import Image from "svelte-image" ;
【文件预览】:
svelte-image-master
----yarn.lock(216KB)
----src()
--------main.js(17KB)
--------index.test.js(13KB)
--------Image.svelte(2KB)
--------index.js(78B)
----test()
--------helpers.js(2KB)
----jest.config.js(96B)
----README.md(8KB)
----node-scripts()
--------release.ts(9KB)
--------tsconfig.json(387B)
----.gitignore(37B)
----CHANGELOG.md(4KB)
----package.json(1KB)
----dev()
--------rollup.config.js(5KB)
--------yarn.lock(232KB)
--------.eslintrc.js(339B)
--------tailwind.config.js(4KB)
--------src()
--------cypress()
--------cypress.json(56B)
--------.nowignore(67B)
--------LICENSE(1KB)
--------README.md(799B)
--------now.json(281B)
--------appveyor.yml(269B)
--------.gitignore(119B)
--------package.json(2KB)
--------static()