Gulp的安装以及配置使用说明

  1. Gulp的使用基于node.js、npm平台或者工具,所以首先检测node.js以及npm,在二者的基础上全局安装gulp
    Gulp的安装以及配置使用说明
    我本地已安装,不再次重复安装,上面为执行安装指令

  2. 安装成功后,执行 gulp –v指令,用以确定gulp安装成功
    Gulp的安装以及配置使用说明

  3. 项目下执行 npm init 指令,初始化package.json文件
    Gulp的安装以及配置使用说明
    输入yes 然后回车执行,工程下自动生成 package.json 文件。

  4. 项目依赖Gulp工具,执行 npm install –save-dev gulp 指令
    Gulp的安装以及配置使用说明

  5. npm包内加载项目依赖包,依次分别安装,安装指令如 npm install gulp-minify-css
    Gulp的安装以及配置使用说明
    gulp-minify-css // css压缩工具
    gulp-uglify // js压缩工具
    gulp-rev // 哈希值版本号生成工具
    gulp-rev-format // 哈希值版本号格式化工具
    gulp-rev-replace // 版本号替换工具
    gulp-changed // 限流输入工具,只替换修改过的文件

至此Gulp工具安装以及配置完成。