插件 gulpjs.com/plugins/

 "devDependencies": {
        "@babel/cli": "^7.8.4",
        "@babel/core": "^7.9.6",
        "@babel/preset-env": "^7.9.6",
        "cross-env": "^7.0.2",
        "gulp": "^4.0.2",
        "gulp-autoprefixer": "^7.0.1",
        "gulp-babel": "^8.0.0",
        "gulp-connect": "^5.7.0",
        "gulp-imagemin": "^7.1.0",
        "gulp-rename": "^2.0.0",
        "gulp-sass": "^4.1.0",
        "gulp-uglify": "^3.0.2",
        "node-sass": "^4.14.1"
    },
    "dependencies": {
        "@babel/polyfill": "^7.8.7",
        "gulp-htmlmin": "^5.0.1"
    }

www.jianshu.com/p/90077f4bc…

1. 使用插件的步骤

安装：npm install --save-dev gulp-rename 插件名
在gulpfile.js中使用: const rename = require("gulp-rename");

常用插件

1. gulp-scss 编译scss文件

gulp-babel插件：将ES6转换为ES5

1. 安装插件和依赖

npm install --save-dev gulp-babel
npm install --save-dev @babel/core @babel/cli @babel/preset-env
npm install --save @babel/polyfill

2. 创建babel.config.json文件