next-image-trace-loader:加载时以SVG形式跟踪图像

时间:2024-06-10 23:24:40
【文件属性】:

文件名称:next-image-trace-loader:加载时以SVG形式跟踪图像

文件大小:1.56MB

文件格式:ZIP

更新时间:2024-06-10 23:24:40

plugin image nextjs image-processing jamstack

下一个图像跟踪加载器 当您的图像延迟加载到NextJS项目时,显示SVG跟踪的图像。 和包装 真正受到使用并希望在我的Next项目中实现相同外观的Gatsby网站的启发。 在Next 10中可以直接使用,如果您需要更多自定义,则可能需要复制源并导入依赖项image-trace-loader , file-loader和url-loader 。 例子 查看网站: : 入门 将组件安装到您的项目。 yarn add next-image-trace-loader # or npm install next-image-trace-loader 更新您的next.config.js以将图像作为next.config.js进行跟踪。 // next.config.js const tracedImages = { test: /\.(png|jpe?g|gif|jp2|webp


【文件预览】:
next-image-trace-loader-main
----.gitignore(70B)
----.babelrc(59B)
----package.json(1KB)
----src()
--------index.tsx(1KB)
----tsconfig.json(681B)
----.github()
--------ISSUE_TEMPLATE()
----.prettierrc.json(2B)
----rollup.config.js(340B)
----README.md(2KB)
----example()
--------.gitignore(386B)
--------import-jpg.d.ts(71B)
--------package.json(418B)
--------next.config.js(245B)
--------public()
--------tsconfig.json(550B)
--------next-env.d.ts(75B)
--------import-png.d.ts(71B)
--------styles()
--------pages()
--------yarn.lock(140KB)
----.npmignore(120B)
----MIT-LICENSE(1KB)
----yarn.lock(155KB)

网友评论