# gulp-weapp-replace-image

> 一款可自自动替换微信小程序项目中图片的 gulp 插件

Latest version **1.0.1** (published 2021-07-19) · ISC license · 0 weekly downloads

## Install

```sh
npm install gulp-weapp-replace-image
pnpm add gulp-weapp-replace-image
yarn add gulp-weapp-replace-image
bun add gulp-weapp-replace-image
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.1 |
| Published | 2021-07-19 |
| First published | 2021-07-19 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 3 |
| Unpacked size | 194.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Maintainers | zhaolinlin |

## Links

- npm: https://www.npmjs.com/package/gulp-weapp-replace-image
- Repository: https://github.com/Pioneer-Linzi/gulp-weapp-replace-image
- Homepage: https://github.com/Pioneer-Linzi/gulp-weapp-replace-image#readme
- Issues: https://github.com/Pioneer-Linzi/gulp-weapp-replace-image/issues
- npm.io page: https://npm.io/package/gulp-weapp-replace-image

## Dependencies (3)

- [del](https://npm.io/package/del.md) ^6.0.0
- [through2](https://npm.io/package/through2.md) ^4.0.2
- [@types/node](https://npm.io/package/@types/node.md) ^16.3.1

## Recent versions

- 1.0.1 (latest) — 2021-07-19
- 1.0.0 — 2021-07-19

## README

# 自动替换微信小程序中的本地图片为 cdn 地址
## 原由 
一些小程序项目从一开始规划就没有把图片放在cdn上，但小程序迭代过几个版本之后就会发现，日益增长的图片已经达到了小程序中的包大小限制。这个时候就会从分包、减少本地图片来解决，但一个项目中的图片可能都会有上百张的大小。 一个一个的替换这样肯定不是一个程序猿的作风。我的这个gulp的插件就是为了解决这个问题，全自动替换、分分钟搞定你的烦心事。
## 使用
```
	const gulpWeappReplaceImage = require('gulp-weapp-replace-image'

	gulp.task('replace-image',function(){
		return gulp.src(['./**/*.wxml','./**/*.scss','./**/*.wxss','./**/*.js','!./node_modules/**/*.*'])
		.pipe(gulpWeappReplaceImage({uploader: uploader}))
		.pipe(gulp.dest('./'))
	})
	function uploader(filePath){
		return new Promise((resolve,reject)=>{
			// 图片上传
		})
	}

```

然后运行
```
	gulp replace-image
```

## 注意
uploader 上传还是要自己写的，毕竟没有什么免费的云服务，uploader 返回为一个 Promise,***这里还需要注意上传的cdn的域名需要在小程序的后台中配置域名校验***。 上传替换完成之后，会自动删除图片，释放小程序中的包大小。

## 图片替换记录
文件替换完成之后，会在项目根目录下生成一个 analyse.html 包含 已替换的文件& 没有替换的图片，这个是有可能图片已经被移除了，需要自行check一下代码

## 建议
上传图片前需要确认一下自己的图片是否需要压缩，gulp的图片压缩插件比较多，这里就不重复造轮子了。

---
_Source: https://npm.io/package/gulp-weapp-replace-image · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._