webpack-image-optimizer-loader

一个高性能的图片优化 webpack loader，支持自动压缩和转换图片格式。

✨ 特性

• 🚀 基于 sharp 库，性能优异
• 🖼️ 支持转换为 WebP、JPEG、PNG 格式
• 📏 支持调整图片尺寸
• 🔧 可配置压缩质量
• 📦 支持 webpack 4 和 5

📦 安装

bash npm install --save-dev @你的npm用户名/webpack-image-optimizer-loader 或者 yarn add -D @你的npm用户名/webpack-image-optimizer-loader

🔨 使用方法

在你的 webpack 配置文件中： javascript

🌰 示例

module.exports = {
    module: {
        rules: [
            {
                test: /\.(png|jpe?g)$/i,
                use: [
                    {
                        loader: 'webpack-image-optimizer-loader',
                        options: {
                            quality: 75,
                            format: 'webp',
                            width: 800 // 可选
                        }
                    }
                ]
            }
        ]
    }
};

📝 配置选项

| 选项 | 类型 | 默认值 | 描述 | | ------- | ------ | --------- | -------------------------------- | | quality | number | 80 | 压缩质量 (1-100) | | format | string | 'webp' | 输出格式 ('webp', 'jpeg', 'png') | | width | number | undefined | 最大宽度（可选） | | height | number | undefined | 最大高度（可选） |

🤝 贡献指南

1. Fork 本仓库
2. 创建你的特性分支 (git checkout -b feature/AmazingFeature)
3. 提交你的改动 (git commit -m 'Add some AmazingFeature')
4. 推送到分支 (git push origin feature/AmazingFeature)
5. 开启一个 Pull Request

📄 许可证

本项目使用 MIT 许可证 - 查看 LICENSE 文件了解详情

🙏 致谢

• sharp - 高性能 Node.js 图片处理库
• webpack - 优秀的模块打包工具

📞 联系方式

如果你有任何问题或建议，欢迎：

• 提交 Issue
• 发送邮件到：[你的邮箱]

🔄 更新日志

1.0.0 (2024-XX-XX)

• 🎉 首次发布
• ✨ 支持图片格式转换
• 📏 支持图片尺寸调整
• 🔧 支持质量配置