【文件属性】：
文件名称：responsive-loader:用于响应图像的Webpack加载器
文件大小：1011KB
文件格式：ZIP
更新时间：2021-04-28 02:42:44
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)