--- tags: 前端工具 --- 【筆記】Gulp === [官網](https://gulpjs.com/) ``` npm install --save-dev gulp gulp --version ``` ## Create a gulpfile `gulpfile.js` ```javascript= function defaultTask(cb) { // place code for your default task here cb(); } exports.default = defaultTask ``` - Run the gulp command ``` gulp ``` ### plugins #### gulp-babel - [gulp-babel](https://www.npmjs.com/package/gulp-babel) ``` # Babel 7 $ npm install --save-dev gulp-babel @babel/core @babel/preset-env ``` - gulpfilte.js ```javascript= const { src, dest } = require('gulp'); const gulp = require('gulp'); const babel = require('gulp-babel'); gulp.task('default', () => gulp.src('src/app.js') .pipe(babel({ presets: ['@babel/env'] })) .pipe(gulp.dest('dist')) ); ```