代码整理-gulp简单使用

说明

• 本次为gulp简单使用，本次是配合PHP项目，只用到了gulp打包、压缩、合并、重命名、移动css和js功能，其他功能未涉及；
• 官方文档：https://www.gulpjs.com.cn/
• 本机环境：Windows
• gulp版本：gulp@4

操作步骤

• 安装node.js，可参考我相关教程
• 检查node：

  node --version
  npm --version
  

• 切换到项目根目录，npm初始化（生成package.json）：npm init
• 安装gulp
  • 全局安装：npm install --global gulp-cli
  • 项目安装（推荐）：
    • 打开命令行，切换到项目根目录
    • 安装：npm i gulp --save-dev
  • 查看gulp版本：gulp --version

    CLI version: 2.3.0
    Local version: 4.0.2
    

  • 注意：安装完gulp不是内部命令，重启控制台，如果是idea中操作的就重启一下idea
• 切换到项目根目录，新建gulpfile.js文件，文件内容为空
• 此时准备工作已经全部完成，命令行切换到gulpfile.js所在目录，输入：gulp回车：

  [08:54:36] Using gulpfile D:\xxx\gulpfile.js
  [08:54:36] Task never defined: default
  [08:54:36