responsive-loader:用于响应图像的Webpack加载器

时间:2024-05-17 20:29:24
【文件属性】:

文件名称:responsive-loader:用于响应图像的Webpack加载器

文件大小:1011KB

文件格式:ZIP

更新时间:2024-05-17 20:29:24

webpack-loader TypeScript

响应式加载器 一个用于响应图像的webpack加载器。 从一个源图像创建多个图像,并返回srcset 。 有关如何使用srcset更多信息,请阅读“ 。 浏览器支持。 安装 与金普 npm install responsive-loader jimp --save-dev 默认情况下,响应加载器使用转换图像。 需要与loader一起安装。 因为jimp完全用JavaScript编写,并且没有任何本机依赖关系,所以它可以在任何地方使用。 主要缺点是运行速度很慢。 带有锐利 npm install responsive-loader sharp --save-dev 为了获得,响应式装载机还可以与。 如果您有大量要转换的图像和/或需要生成webp / avif图像,建议使用“锐利”。 如果要使用Sharp,则需要配置响应加载器以使用其适配器: module.exports = {


【文件预览】:
responsive-loader-master
----.travis.yml(44B)
----.babelrc(137B)
----package.json(2KB)
----test()
--------cat-1000.jpg(53KB)
--------cat-1000copy.jpeg(53KB)
--------cache()
--------sharp()
--------cat-transparent.png(425KB)
--------cat-rotated-1000.jpg(84KB)
--------cjs.test.js(234B)
--------jimp()
----LICENSE(1KB)
----package-lock.json(441KB)
----src()
--------utils.ts(4KB)
--------schema.json(2KB)
--------types.d.ts(2KB)
--------cache.ts(4KB)
--------adapters()
--------cjs.js(99B)
--------index.ts(6KB)
----.eslintrc.js(249B)
----tsconfig.json(818B)
----jimp.js(49B)
----.gitignore(154B)
----CHANGELOG.md(4KB)
----README.md(15KB)
----.eslintignore(139B)
----sharp.js(50B)
----.vscode()
--------launch.json(609B)
--------settings.json(41B)

网友评论