使用gulp构建项目
一.环境准备 1.1 gulp介绍 gulp是基于node.js 文件流的一个前端自动化构建工具,可以使用它构建自动化工作流程,简化工作量 官方定义: 基于文件流的构建系统 核心文件: gulpfile.js 和 package.json gulpfile.js:任务脚本 package.json:任务配置文件 1.2 安装gulp npm install gulp -g 1.3 构建项目 (1)切换到项目根目录(即 gulpfile.js 所在目录),命令行安装任务所依赖的包: npm install (2)安装完成后,即可直接执行命令: gulp 二.使用实例 - 打包js和css 2.1 在 package.json 中引用依赖 gulp-minify-css 和 gulp-uglify "devDependencies": { "del": "^2.2.2", "gulp": "^3.9.1", "gulp-header": "^1.8.8", "gulp-minify-css": "^1.2.4", "gulp-replace": "^0.6.1", "gulp-uglify": "^1.5.4" } 2.2 定义我们第一个gulp流程 var pkg = require('./package.json'); var del = require('del'); var