前端我们使用gulp来自动化开发流程.配置好gulp后,可以自动给我们处理好一些工作.
比如写完css后,要压缩成.min.css;写完js后,要做混淆和压缩;图片压缩等.这些工作都可以让gulp帮我们完成.
安装gulp步骤:
1.创建本地包管理环境
1.1使用npm init命令在本地生成一个package.json文件,
1.2 package.json是用来记录你当前这个项目依赖了哪些包,以后别人拿到你这个项目后,不需要你的node_modules文件夹(因为node_modules中的包是在太庞大了).
1.3 只需要执行npm install命令,即会自动安装package.json下devDependencles中指定的依赖包.
2.安装gulp
2.1 gulp的安装非常简单,只要使用npm命令安装即可.但是因为gulp需要作为命令行的方式运行,因此需要在安装在系统级别的目录中.
npm install gulp -g
2.2 因为在本地需要使用require的方式gulp. 因此也需要在本地安装一份.
npm install gulp -save -dev
2.3 以上的-save -dev是将安装包添加到package.json下的devDependencles依赖中.以后通过npm install即可自动安装.devDependencles这个是用来记录开发环境下使用的包,
如果想要记录生产环境下使用的包,那么在安装包的时候使用npm install xx -save就会记录到package.json下的dependcise中,dependcise是专门用来记录生产环境下的依赖包.
-save -dev devDependencles 开发环境
-save dependcise 生产环境
