热门框架vue开发企业级步骤四项目实战-gulp_第1页
热门框架vue开发企业级步骤四项目实战-gulp_第2页
热门框架vue开发企业级步骤四项目实战-gulp_第3页
热门框架vue开发企业级步骤四项目实战-gulp_第4页
热门框架vue开发企业级步骤四项目实战-gulp_第5页
免费预览已结束,剩余30页可下载查看

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

GulpGulp是一个Node模块Gulp是个任务管理工具Gulp主要用在构建流程中初识Gulp主要作用压缩css,js,

等静态资源打包合并必要的资源文件处理浏览器长缓存初识Gulp插件机制Gulp的实际功能基本都是靠插件完成可以非常方便得实现自己的插件初识Gulp初识Gulp相对Grunt的优势速度快配置简单基于流进行构建安装和介绍Gulp安装Gulp安装Node环境npm

install

gulp-cli

-gnpm

install

gulp

-D安装和介绍Gulp创建gulp任务创建gulpfile.js文件使用gulp.task来创建任务安装和介绍GulpGulp常用指令和任务嵌套Gulp常用指令和任务嵌套常用指令gulp.taskgulp.srcgulp.destgulp.watchgulp.task(name[,

deps][,fn])gulp.task用来创建一个任务,接收两个参数,name代表任务的名称,deps是该任务依赖于别的任务,fn是该任务需要执行的内容Gulp常用指令和任务嵌套gulp.src(globs[,

options])gulp.src用来指定任务执行的对象,即目标文件。该指令接收两个参数,globs是文件路径,options是一些配置参数Gulp常用指令和任务嵌套gulp.watch(glob

[,

opts],

tasks

|

cb)gulp.watch用来监视对象的变化,一旦有变化会执行相应的任务。该指令接收三个参数,glob是需要监视的目标文件地址;opts是一个对象,包含一些配置参数;最后一个参数可以是之前指定好的任务,也可以是一个方法。Gulp常用指令和任务嵌套压缩和打包jsUglify

js:

/mishoo/UglifyJS使用gulp-uglify来在gulp执行压缩压缩和打包jsgulp-concat:

/contra/gulp-concat使用gulp-concat来执行js合并操作需要注意js合并的先后顺序压缩和打包jscss打包压缩、预处理方案及postcss打包压缩使用gulp-csso进行css压缩使用gulp-concat-css来进行css合并css打包压缩、预处理方案及postcsscss打包压缩、预处理方案及postcsscss预处理器预处理器是可编译成css的一种高级封装比较流行的预处理器有sass,less,cssnext等css预处理器可以解决css缺少编程能力的缺点使用gulp执行less预处理任务gulp-less可以在gulp中执行less预处理的插件一般在开发中会监视less文件变化css打包压缩、预处理方案及postcssPostcsspostcss提供了非常多优化css的工具使用postcss-autoprefixer自动加浏览器前缀css打包压缩、预处理方案及postcssgulp-postcssgulp-postcss提供

在gulp中执行postcss的能力css打包压缩、预处理方案及postcss压缩为什么要做

压缩的空间一般较大,很多

可以在保证展示质量的情况下进行一些压缩,这样可以降低

流量同时加快

速度css打包压缩、预处理方案及postcssgulp-imagemin/sindresorhus/gulp-imagemincss打包压缩、预处理方案及postcssgulp处理文件 缓存缓存浏览器根据HTTP头Cache-Control来判断是否要缓存文件,通过这个机制,

可以让浏览器缓存css,js,

等耗流量的静态文件gulp处理文件 缓存如何刷新缓存更新文件名以强制浏览器加载新文件在静态资源url后面加上版本号gulp处理文件

缓存gulp-babelbabelbabel的功能是将的js语法转义成主流浏览器普遍支持的es5语法,以此来提供项目在开发阶段可以使用

js语法的功能gulp-babelgulp-babelgulp-babel提供gulp工作流操作babel的功能使用babelrc文件来配置配置babelgulp-babellivereload作用在开发阶段需要经常修改静态资源文件,每次更新文件要查看效果时都需要刷新浏览器。lievereload让在更新资源文件之后浏览器自动执行刷新livereload

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论