{"id":21521525,"url":"https://github.com/cjg125/postcss-sprite","last_synced_at":"2026-03-03T16:40:02.443Z","repository":{"id":17064900,"uuid":"81083238","full_name":"cjg125/postcss-sprite","owner":"cjg125","description":"postcss sprite 插件","archived":false,"fork":false,"pushed_at":"2022-12-09T08:14:22.000Z","size":10145,"stargazers_count":3,"open_issues_count":1,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2024-04-14T12:09:14.425Z","etag":null,"topics":["postcss","postcss-plugins","sprite","sprites"],"latest_commit_sha":null,"homepage":"https://www.npmjs.com/package/postcss-sprite","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/cjg125.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-02-06T12:05:39.000Z","updated_at":"2022-01-17T09:13:31.000Z","dependencies_parsed_at":"2023-01-14T00:45:31.554Z","dependency_job_id":null,"html_url":"https://github.com/cjg125/postcss-sprite","commit_stats":null,"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cjg125%2Fpostcss-sprite","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cjg125%2Fpostcss-sprite/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cjg125%2Fpostcss-sprite/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cjg125%2Fpostcss-sprite/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/cjg125","download_url":"https://codeload.github.com/cjg125/postcss-sprite/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248120411,"owners_count":21050941,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["postcss","postcss-plugins","sprite","sprites"],"created_at":"2024-11-24T01:07:27.987Z","updated_at":"2026-03-03T16:39:57.417Z","avatar_url":"https://github.com/cjg125.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# postcss sprite 插件\n\n## 简介\n\n![image](https://github.com/cjg125/postcss-sprite/raw/master/sprite.gif)\n\n## 环境准备\n\n\u003e nodejs \u003e= 8.0.0\n\n## 安装\n\n```bash\n$ yarn add postcss-sprite -D\n```\n\n## 使用\n\n- ### webpack\n  [https://github.com/postcss/postcss#webpack](https://github.com/postcss/postcss#webpack)\n\n## API\n\n- baseSize\n\n  - 图片如果以 (xxx@2x.jpg, xxx@3x.jpg, xxx@nx.xxx) 命名则 通过 baseSize 转换 为 rem 单位\n  - 默认 16\n\n- input\n\n  - 以该值为相对目录查找图片合并\n  - 默认 \"./\"\n\n- output\n\n  - 生成精灵图的路径\n  - 默认 \"./\"\n\n- filename\n\n  - 生成精灵图的名称\n  - 默认 \"sprite.png\"\n\n- revision\n\n  - 以 sprite 图片的 md5 生成版本号\n  - 默认值 true\n\n- spritesmithOptions\n\n  - [spritesmith](https://github.com/Ensighten/spritesmith#spritesheetprocessimagesimages-options)\n\n- filter\n\n  - 默认值 (url) =\u003e true\n  - 如果返回 false 当前图片 url 不进行 sprite 操作\n\n- publicPath: string: '' function\n  - string 设置图片前缀\n  - funciton\n    ```js\n    publicPath = opts =\u003e {\n      let { dirname, filename } = opts;\n      return join(dirname, filename);\n    };\n    ```\n\n## 更新记录\n\n- v3.0.0 (2019-08-28)\n\n  - 删除 replaceUrl 添加 publicPath\n  - source 改成 input\n\n- v2.2.1 (2017-06-22)\n\n  - 添加正确的 package.json engines 选项\n\n- v2.2.0 (2017-06-20)\n\n  - 参数 file -\u003e filename\n  - 修复没有图片合并时会生成一个空图片\n\n- v2.1.0 (2017-06-19)\n\n  - 添加 revision 选项,默认支持以 sprite 图片的 md5 值做版本号\n\n- v2.0.0 (2017-06-19)\n\n  - 完美支持开发环境与发布环境的 rem 支持\n  - 需要 nodejs\u003e=8.0.0 (用到了 promisify)\n  - 不兼容 1.x.x 版本\n  - 需要 background-image 来声明 不支持 background 简写\n\n- v1.5.0 (2017-06-15)\n\n  - 自动删除开发环境设置的 width height background-size\n\n- v1.4.0 (2017-05-25)\n\n  - 支持移动端的 background-size 图片命名 xxx@2x.jpg xxx@3x.jpg\n\n  - 支持 rem 单位 设置 baseSize 参数\n\n  - 默认添加宽高到生成的 css 里\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcjg125%2Fpostcss-sprite","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcjg125%2Fpostcss-sprite","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcjg125%2Fpostcss-sprite/lists"}