gulp学习笔记1 uglify

作用:Minify JavaScript

var gulp = require(‘gulp‘)
var uglify = require(‘gulp-uglify‘)

gulp.task(‘default‘,function () {
    gulp.src(‘app/js/*.js‘)
        .pipe(uglify())
        .pipe(gulp.dest(‘app/minjs‘))
})

原文地址:https://www.cnblogs.com/ybleeho/p/8444610.html

时间: 2024-08-26 17:14:08

gulp学习笔记1 uglify的相关文章

gulp 学习笔记

关于学习gulp,推荐大家看前端构建工具gulpjs的使用介绍及技巧,这篇文章就挺全面. 1.gulp的安装 gulp是基于nodejs开发的,所以首先确定安装了nodejs. (1)全局安装gulp npm install -g gulp (2)针对项目局部安装gulp npm install gulp (3)在项目目录下安装gulp依赖包 npm install --save-dev gulp 或者在项目目录下安装package.json中配置的所有依赖 npm install { "nam

gulp学习笔记1

1.安装gulp 首先我们需要node环境,nodejs安装这里就不说了,不懂的可以自己百度.在命令行输入 npm install -g gulp 安装完成后可在命令行输入 `gulp -v` 以确认安装成功. 2.压缩js 压缩 js 代码可降低 js 文件大小,提高页面打开速度.在不利用 gulp 时我们需要通过各种工具手动完成压缩工作.但如果js文件比较多时候,手动就比较麻烦,gulp这时候就可以派上用场了. 目标:找到 js/ 目录下的所有 js 文件,压缩它们,将压缩后的文件存放在 d

gulp学习笔记

第一步:安装Node 首先,gulp 是基于 Nodejs 的自动任务运行器,所以安装gulp之前,最基本也最重要的是,我们需要搭建node环境.访问http://nodejs.org,下载并安装Nodejs ,就一切准备就绪.npm会随着安装包一起安装,稍后会用到它. 为了确保Node已经正确安装,我们执行几个简单的命令:node -v 和 npm -v  来查看一下Nodejs 和 npm的版本号.如果这两行命令没有得到返回,可能node就没有安装正确. 第二步:安装gulp 安装gulp

gulp学习笔记2

1. 压缩 CSS 压缩 css 代码可降低 css 文件大小,提高页面打开速度. 目标:找到 css/ 目录下的所有 css 文件,压缩它们,将压缩后的文件存放在 dist/css/ 目录下. 在压缩之前,需要安装新的模块,输入以下命令行: npm install gulp-minify-css 在对应目录创建 gulpfile.js 文件并写入如下内容: // 获取 gulp var gulp = require('gulp') // 获取 minify-css 模块(用于压缩 CSS) v

gulp学习笔记(一)

gulp 是基于 Nodejs 的自动任务运行器,能自动化地完成javascript/coffee/sass/less/html/image/css等文件的的测试.检查.合并.压缩.格式化.浏览器自动刷新.部署文件生成,并监听文件在改动后重复指定的这些步骤.在实现上,gulp 借鉴了Unix操作系统的管道(pipe)思想,前一级的输出,直接变成后一级的输入,使得在操作上非常简单. Gulp 安装 安装 gulp 之前,先安装 Node.js,然后全局安装gulp: npm install -g

gulp学习笔记1-定义

1.gulp是前端开发过程中对代码进行构建的自动化工具,可以通过它提供的各种插件实现如:预编译(sass&less).压缩.合并.图片精灵等前端的重复操作 2.基于nodeJS,以js编写插件,依托于npm在线安装,通过配置文件gulpfile.js来引入插件并编排自动化规则. 3.相对于百度的fis,它更开放和自由,相对于grunt,它更高效和简单

npm和gulp学习笔记

原文链接:[gulpfile.js文件常见配置]

Node学习笔记(四):gulp+express+io.socket部署angularJs2(填坑篇)

这篇就先暂停下上篇博客--你画我猜的进度,因为在做这个游戏的时候,想采用最新的ng2技术,奈何坑是一片又一片,这边就先介绍下环境部署和填坑史 既然要用ng2,首先要拿到资源,我这边用的是angularJs2 beta版的,网上的资源有两种,一个是文件全压缩版的.min.js版的另一个就是一大堆乱七八糟的js文件,主要是ng2已经完全采用TypeScript,加之对es6的支持,所以需要引入一大堆兼容,编译文件 这边刚好特别手欠想学学gulp,于是开搞配置gulp环境,压缩所有的js文件成一个mi

【Gulp】---学习笔记

·Grunt与Gulp Grunt主要是以文件为媒介来运行它的工作流的,比如在Grunt中执行完一项任务后,会把结果写入到一个临时文件中,然后可以在这个临时文件内容的基础上执行其它任务,执行完成后又把结果写入到临时文件中,然后又以这个为基础继续执行其它任务...就这样反复下去. Gulp中,使用的是Nodejs中的stream(流),首先获取到需要的stream,然后可以通过stream的pipe()方法把流导入到你想要的地方,比如Gulp的插件中,经过插件处理后的流又可以继续导入到其他插件中,