`

grunt配置-imagemin任务

 
阅读更多
imagemin : {
            dist : {
                files : [{
                    expand : true,
                    cwd : 'app',
                    src : '**/*.{png,jpg,jpeg}',
                    dest : 'dist/images'
                }]
            }
        },

执行grunt imagemin : dist 就可以将app根目录中/images目录以及其目录下的png,jpg,jpeg类型的图片压缩并复制到dist/images/目录下,压缩后dist目录变为:dist/images/images/*.jpg。
imagemin : {
          testimg :{
                files :[{
                    expand : true,
                    cwd : 'app/images',
                    src : '**/*.{png,jpg,jpeg}',
                    dest : 'dist/images'
                }]
            }
}

执行grunt imagemin : testimg就可以将app/images根目录下的png,jpg,jpeg类型的图片压缩并复制到dist/images目录下。
分享到:
评论

相关推荐

    前端开源库-grunt-contrib

    Grunt是基于Node.js构建的,它通过JSON格式的配置文件(Gruntfile.js)来定义任务,开发者可以根据项目需求定制化任务流程。Grunt拥有丰富的插件生态系统,这些插件负责处理各种任务,如CSS预处理器(如Sass、Less)...

    前端开源库-grunt-dist

    Grunt的工作原理是,首先在项目中安装必要的依赖(如grunt-cli和grunt插件),然后在Gruntfile.js配置文件中定义任务。这些任务可以是简单的单个操作,也可以是复杂的任务链,例如,先编译LESS文件为CSS,再用clean...

    grunt-1.4.1.tar.gz

    在项目中,Gruntfile.js是Grunt的配置文件,它包含两个主要部分:`grunt.initConfig()`用于定义任务配置,`grunt.loadNpmTasks()`用于加载所需插件。例如,以下配置将实现JavaScript文件的合并和压缩: ```...

    图片压缩,CSS压缩,JS压缩

    上述配置定义了三个任务:`imagemin`、`cssmin`和`uglify`,分别对应图片、CSS和JS的压缩。执行`grunt`命令,Grunt会自动运行这些任务,将源目录下的文件压缩并移动到目标目录。 总结起来,通过使用Node.js和Grunt...

    Grunt前端开发工具部署

    Grunt 靠的是配置文件`Gruntfile.js`,在这个文件中,开发者可以定义一系列自动化任务,比如编译Sass、合并CSS、压缩JavaScript、图像优化、自动化测试等。在本文中,我们将深入探讨如何使用Grunt来部署前端项目,并...

    前端开源库-grunt-typescript.zip

    Grunt是由Tom Dye创建的一个基于Node.js的构建工具,它的核心概念是任务(Task)和配置(Config)。开发者通过编写Gruntfile.js配置文件来定义一系列的任务,这些任务可以是单个的JavaScript函数或者插件。Grunt提供...

    grunt前端构建工具

    Grunt 是一个基于任务的JavaScript项目构建工具,它允许开发者通过编写配置文件来自动化一系列的前端开发任务。这个压缩包包含了在执行`npm install grunt --save-dev`命令后安装的所有Grunt相关模块,其中`node_...

    grunt demo

    Grunt 依赖于 JSON 格式的配置文件 `Gruntfile.js`,在其中定义任务和插件,使得整个构建过程可定制化且易于管理。 **Grunt 的工作原理** Grunt 的核心理念是“配置优于代码”。开发者无需编写大量重复的脚本,...

    grunt 打包工具 混淆工具

    除了打包和混淆,Grunt还可以执行诸如自动化测试(如`grunt-karma`)、代码质量检查(如`grunt-eslint`)、图像优化(如`grunt-contrib-imagemin`)等任务,构建流程中的每个环节几乎都可以找到对应的Grunt插件支持...

    grunt-basic:使用grunt的基本webapp

    此外,Grunt还支持多任务配置,可以针对不同环境(如开发、生产)定义不同的任务集。比如,开发环境可能不需要压缩代码,而生产环境则需要。 总结,通过学习和使用"grunt-basic"项目,我们可以掌握Grunt的基本用法...

    grunt-sass-demo

    在Gruntfile.js中添加相应的配置,指定源图片目录和目标目录,然后运行Grunt任务,所有图片就会被自动处理。 在`grunt-sass-demo-master`这个项目中,我们可以预期看到一个典型的前端工作流:Sass文件被编译成CSS,...

    gruntTesting:玩 Grunt JS

    `Grunt.js` 是一个基于任务的JavaScript构建工具,由塔里克·科斯图(TJ Holowaychuk)创建,它使用JavaScript编写配置,允许开发者自动化常见的前端开发任务,如编译、压缩、测试、清理等。在JavaScript开发中,...

    Node.js的项目构建工具Grunt的安装与配置教程

    **Grunt** 是一个基于 **Node.js** 的项目构建工具,它使用 JavaScript 语言开发,允许开发者通过编写任务脚本来实现一系列自动化的工作流程,如文件处理、编译、压缩等。由于 Grunt 和其插件都是 **包** 的形式,...

    grunt-docs:Grunt文档

    它分为两部分:加载插件(`grunt.loadNpmTasks`)和配置任务(`grunt.initConfig`)。在这里,你可以定义任务、设置选项、声明依赖关系以及注册任务。 **4. 任务和子任务** Grunt支持两种类型的任务:基本任务和...

    GruntTemplate:项目的Grunt模板

    总之,GruntTemplate 是一个强大的前端构建模板,通过预定义的Grunt配置,为JavaScript项目提供了一站式的资源管理和优化方案。通过学习和使用GruntTemplate,开发者可以更专注于代码编写,而将繁琐的构建工作交给...

    基于Node.js的JavaScript项目构建工具gulp的使用教程

    - **简单性**:采用代码优于配置的策略,使得简单任务的处理依旧简单,复杂任务也能够通过组合插件来轻松管理。 - **高效性**:利用Node.js的流式处理能力,gulp在内存中对文件进行操作,减少了磁盘I/O,加快了构建...

    gulp前端自动化配置文件

    标题中的"gulp前端自动化配置文件"指的是一个特定的Gulpfile.js,它是Gulp项目的入口文件,用于定义和组织所有的自动化任务。开发者会在Gulpfile.js中引入所需的任务插件,然后编写相应的任务逻辑。 描述中提到的几...

    GruntImageOptim:为图像优化而苦恼

    6. **运行Grunt任务**:配置完成后,运行`grunt imagemin`,Grunt将会自动查找并优化指定目录下的所有图像。 除了GruntImageOptim,Grunt还有其他用于图像优化的插件,如`grunt-contrib-imagemin`,它可以使用多种...

    使用gulp来架构常规的运营活动页面

    接下来,创建`gulpfile.js`,这是gulp配置文件,用来定义各种任务。在这个例子中,我们可以定义以下几个关键任务: 1. **清理产出目录**:在每次构建前删除旧的产出文件,以确保最新版本的代码被部署。 ```...

    node-v8.9.3 windows 64位

    5. 创建 gulpfile.js 文件,这是 Gulp 的配置文件,定义自动化任务。 6. 最后,在命令行中运行 `gulp` 或指定的任务名称来执行 Gulp 任务。 Gulp 的优势在于其强大的插件生态系统,通过安装各种插件,可以实现各种...

Global site tag (gtag.js) - Google Analytics