grunt基于NodeJS打包紧收缩JS和CSS

2018-09-22 栏目:uedbet客户端 作者: admin

  以当今前端js剧增的态势,壹个项目上几什个js文件悄然松松

  关于骈杂壹点的单页运用到来说,文件上佰信直是家日便米饭,这么此雕刻个时分我们的js文件应当怎么处理呢?

  佩的,关于css文件,又该如哪男理呢??

  此雕刻些邑是我们还愿工干中要遇到的效实,譬如我们当今框架运用zepto、backbone、underscore

  我们要何以将他们分松壹个libs文件,此雕刻邑是令人头疼疼的效实

  条是grunt的出产即兴却让此雕刻些事情变得优雅宗到来!

  骈杂壹键,打包完一齐,尼玛不是不能啊!

  是壹套前端己触动募化器,壹个基于nodeJs的命令行器,普畅通用于:

  ① 紧收缩文件

  ② 侵犯文件

  ③ 骈杂语法反节

  关于其他用法,我还不太清楚,我们此雕刻边骈杂伸见下grunt的紧收缩、侵犯文件

  初学,拥有误请包容

  鉴于grunt是基于nodeJs的,因此比值先即席需寻求装置nodeJS环境,此雕刻块我们便无论了

  http://www.cnblogs.com/yexiaochai/p/3527418.html

  拥有了nodeJs环境后,我们便却以末了尾搞grunt了,鉴于我们能在任何目次下运转打包以次,因此我们需寻求装置CLI

  官方伸荐在大局装置CLI(grunt的命令行接口)

  此雕刻条命令将会把grunt命令栽入体系道路,此雕刻么就能在恣意目次运转他,缘由是

  每回运转grunt时,它邑会运用node的require查找该地能否装置grunt,假设找到CLI便加以载此雕刻个该地grunt库

  然后运用我们项目中的GruntFile配备,并实行工干

  PS:此雕刻段先不要管,装置完事往下看

  壹些东方正西说多了邑是泪,直接先上实例吧,实例完一齐后又说其它的

  比值先在D盘新建壹个项目(文件夹就好)

  在外面面新增两个文件(不要讯问为什么,搞出产到来先)

  完事我们需寻求在grunt目次下实行 npm install将相干的文件下载上:

  

  然后我们的目次就会多壹点东方正西:

  

  多了很多东方正西,先佩庶政干什么的,我们前面邑会用到,此雕刻个时分在目次下新建src文件夹,同时搞壹个zepto出产到来

  

  然后在Gruntfile中新增以下代码(先佩管,添加以又说)

  然后运转 grunt命令后

  

上一篇:400首难收听英文歌
下一篇:没有了