187.gulp介绍和安装

Posted 2020-11-28 guyan-2020

安装gulp

使用gulp自动化开发流程，配置好gulp后，可以自动给我们处理好一些工作，比如写完css后，要压缩成.min.css,写完js后，要进行相关的图片压缩等，这些工作都可以让gulp帮我们完成。

1.创建本地包管理环境

使用npm init 可以在本地生成一个package.json文件，package.json文件用来记录当前这个项目依赖了哪些包，以后别人拿到项目之后，不需要将node_modules文件进行拿到(因为node_modules文件都是相关的安装包，比较大)，只需要进入项目目录中执行命令：npm install 就可以了，就会自动的安装package.json下devDependencies中指定的安装包。

2. 安装gulp

gulp的安装非常简单，只要使用npm命令安装即可，但是因为gulp需要作为命令行的方式运行，因此，需要安装在系统级别的目录中。

执行命令：npm install gulp -g

因为在本地也同样需要使用required的方式，因此也需要在本地安装一份：

执行命令：npm install gulp --save-dev

--save-dev是将安装的包添加到package.json下的devDependenceies依赖中，之后就可以直接使用npm install即可自动安装，devDependencies这个是用来记录开发环境下使用的包，如果想要使用记录生产环境下使用的包，那么在安装的时候使用npm install xx --save 就可以将安装的包记录到package.json下的dependencies中，dependencies是专门用来记录生成环境下的依赖包的！