gulp工程化

package.json安装包如下
{
  "name": "gulppp",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "start": "gulp watch",
    "build": "gulp build "
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "@babel/core": "^7.14.6",
    "@babel/preset-env": "^7.14.5",
    "gulp": "^4.0.2",
    "gulp-babel": "^8.0.0",
    "gulp-browserify": "^0.5.1",
    "gulp-concat": "^2.6.1",
    "gulp-connect": "^5.7.0",
    "gulp-cssmin": "^0.2.0",
    "gulp-htmlmin": "^5.0.1",
    "gulp-less": "^4.0.1",
    "gulp-rename": "^2.0.0",
    "gulp-uglify": "^3.0.2"
  }
}

• 百度搜索gulp/grunt
• 初始化 npm init
• 全局安装 npm install gulp-cli -g
• 开发环境安装npm i gulp -D
• 新建gulpfile.js文件（vscode下logo为可乐）
• 打开npm官网搜索gulp-babel安装Babel7
• 写好js文件及导入代码在gulpfile中后在终端中输入 gulp 加文件名
• npm官网搜索gulp-browserify安装npm i --save-dev gulp-browserify
• npm官网搜索gulp-rename安装npm i -D gulp-rename进行文件改名
• 终端中输入gulp browserify
• 统一js任务guip.task("js-dev",series(['babel','browserify']))在终端中输入gulp js-dev 报错手动引入const {series}=('gulp');
• 新建less 官网npm搜索gulp-less 安装npm i gulp-less -D
• 合并所有的less文件搜索gupl-concat安装npm i -D gulp-concat
• 百度搜索gulp找到parallel方法配置js html less 注意引入parallel
• 配置自动刷新浏览器
• 搜索npm 输入gulp-connect安装npm i -D gulp-connect
• 百度搜索gulp找到watch 配置watch
• 配置生产环境压缩
• 百度搜索npm gulp-uglify 安装 npm i -D gulp-uglify
• 百度搜索npm gulp-cssmin 安装 npm i -D gulp-cssmin
• 百度搜索npm gulp-htmlmin 安装 npm install -D gulp-htmlmin