GULP Mutuo (穆托) 是一个用于 自动转换切片中的@Nx图片为@2x、@1x图片 的工具。以下是使用它的说明:
1. **@2x转化为@1x的图片**,要求@2x图片的尺寸必须为偶数。
2. **@3x转化为@2x、@1x的图片**,要求@3x图片尺寸为3的倍数。
**依赖与安装**:
Gulp Mutuo 依赖于 **Graphics Magick(gm)**,可以通过以下命令安装:
```bash
npm install gulp-mutuo
```
**Gulpfile配置**:
首先导入 **gulp-mutuo** 依赖:
```javascript
var mutuo = require("gulp-mutuo");
```
然后在 **Gulpfile** 文件中添加处理图片的任务:
```javascript
gulp.task("coverRetina", function() {
return gulp.src("src/slice/*")
.pipe(mutuo());
});
```
你也可以设置为默认任务:
```javascript
gulp.task('default', gulp.series('coverRetina'));
```
通过这些配置,所有在 `src/slice` 文件夹中的图片将会自动处理。
暂无评论