温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

Gulp是什么

发布时间:2021-11-12 09:45:59 来源:亿速云 阅读:160 作者:iii 栏目:开发技术

本篇内容主要讲解“Gulp是什么”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“Gulp是什么”吧!

  Gulp是基于NodeJS的前端自动化构建工具,在项目开发过程中自动化地完成html/css/js/image/sass/less等文件的编译、合并、压缩、语法检查、浏览器自动刷新等重复性任务,在操作上使用了NodeJS中的stream(流),通过pipe()方法导入到指定的地方,将前一级的输出,作为后一级的输入,不再需要进行频繁的IO操作,但需要注意的是,这里的流内容,并非原始的文件流,而是一个虚拟的文件对象流(VinylFiles),存储着原始文件的路径、文件名、内容等信息

  NodeJS安装Gulp

  Gulp是基于NodeJS,所以需要安装Node和npm包管理工具,可根据自己的操作系统环境来下载相应的版本Node|Downloads

  下载完成后,通过命令行查看NodeJS是否成功安装,Mac系统的命令行在终端(Terminal),Windows系统的命令行可通过window+r输入cmd运行

  命令行启动之后,可通过输入命令node-v和npm-v分别查看NodeJS和npm版本号,显示版本号即为成功安装

  npm介绍Gulp

  npm(NodePackageManager)是随同NodeJS一起安装的包管理工具,用于node插件管理,包括插件的安装、卸载、管理依赖等

  在命令行中执行npminstall<name>[-g][--save-dev]命令即可使用npm安装插件

  •<name>为node插件名

  •-g为全局安装,全局安装可以通过命令行在任何地方调用该插件,而非全局安装只会安装在当前定位目录的node_modules文件夹下,通过require()方法进行调用

  •--save将配置信息保存到NodeJS项目配置文件package.json中

  •-dev将配置信息保存至package.json文件下的devDependencies节点

  有了package.json的配置信息之后,我们就可以通过npminstall命令,一键下载package.json配置信息里的所有插件包

  如果需要删除插件包,可执行npmuninstall<name>[-g][--save-dev]命令,而不要直接删除本地插件包,借助rimraf可以删除所有的插件包,通过命令npminstallrimraf-g安装rimraf之后,执行rimrafnode_modules命令

到此,相信大家对“Gulp是什么”有了更深的了解,不妨来实际操作一番吧!这里是亿速云网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI