一、简介 gulp是前端开发过程中对代码进行构建的工具,是自动化项目的构建利器; gulp是基于Nodejs的自动任务运行器,她能自动化地完成 javascript/coffee/sass/less/html/image/css 等文件的的测试、检查、合并、压缩、格式化、浏览器自动刷新、部署文件生成 ...
分类:
其他好文 时间:
2020-03-05 22:12:27
阅读次数:
71
安装 首先,当然是安装。但是gulp 4.0 之后的版本语法有变化,这里使用的gulp3.9.1,但是低版本的gulp和高版本的node不兼容,所以还要换个低版本的node。 nvm use 10.14.1 npm install gulp@3.9.1 --save-dev 编写gulpfile 在 ...
分类:
其他好文 时间:
2020-03-02 13:04:17
阅读次数:
69
1.通过required语句即可以引用已经安装的第三方依赖包,这个required只能医用当前项目安装的依赖包,不能引用全局下的,required语法是node.js独有的,只能在node.js环境下使用。 2.gulp.task用来创建一个任务,gulp.task的一个参数是命令行的名字,第二个参 ...
分类:
其他好文 时间:
2020-03-01 01:02:57
阅读次数:
81
在cmd窗口进入项目所在的文件夹,执行:npm install gulp rename save dev save dev就是将此安装包,安装在该项目中,并且将安装包记录到项目中的package.json中。 由之前对css文件进行压缩处理的情况来看,可以很好地进行文件的压缩,但是压缩过后的文件,保 ...
分类:
其他好文 时间:
2020-03-01 00:55:35
阅读次数:
75
安装gulp 使用gulp自动化开发流程,配置好gulp后,可以自动给我们处理好一些工作,比如写完css后,要压缩成.min.css,写完js后,要进行相关的图片压缩等,这些工作都可以让gulp帮我们完成。 1.创建本地包管理环境 使用npm init 可以在本地生成一个package.json文件 ...
分类:
其他好文 时间:
2020-03-01 00:53:00
阅读次数:
59
因为在网页的开发中,为了加快网页渲染的速度,如果我们的js文件比较多的话,就可以使用gulp concat插件,将多个js文件合并成一个文件,该插件的安装同样是在终端窗口执行命令:npm install gulp concat save dev. 示例代码如下(1): 示例代码如下(2): ...
分类:
其他好文 时间:
2020-03-01 00:40:41
阅读次数:
64
在cmd窗口执行命令:npm install gulp cssnano,该插件为npm管理的一个包,其实npm就相当于是Python中的pip,pip是Python包的管理工具,而npm就是node包的管理工具。 对于css文件的处理,主要就是将文件进行压缩,对css文件进行压缩只是依靠gulp包还 ...
分类:
Web程序 时间:
2020-03-01 00:27:21
阅读次数:
79
处理js文件的主要操作是,将js文件进行丑化,需要使用到一个插件为gulp uglify,同样,是需要在cmd窗口执行npm install gulp uglify save dev;示例代码如下: 其中,uglify()函数还可以对js文件做一些其他的处理,可查看官网相关介绍:https://ww ...
分类:
编程语言 时间:
2020-02-29 23:58:42
阅读次数:
98
npm淘宝镜像:https://npm.taobao.org/ vscode先安装npm淘宝镜像 再安装gulp:https://www.cnblogs.com/xiaoleiel/p/11160569.html npm install gulp -g ...
分类:
Web程序 时间:
2020-02-28 18:34:06
阅读次数:
52
认识Node.js模块化的分类,第三方模块gulp的使用,package.json文件的作用,package-lock.json文件的作用 ...
分类:
Web程序 时间:
2020-02-20 23:38:53
阅读次数:
123