文件名称:svelte-image:使用Sharp for Svelte进行图像(预处理)
文件大小:4.47MB
文件格式:ZIP
更新时间:2024-03-06 11:11:01
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()