gulp打包build模块配置

Gulp是一个流行的JavaScript任务运行工具，用于自动化构建过程，包括文件压缩、合并、复制等任务。配置gulp打包`build`模块通常涉及以下几个步骤：

1. 安装依赖：首先需要安装`gulp`和一些插件，如`gulp.dest`用于指定输出目录，`gulp-sass`或`gulp-less`处理CSS，`gulp-tar`打包成tarball等。在项目根目录下运行：

   npm install --save-dev gulp gulp-sass gulp-concat gulp-if gulp-rename gulp-tar

2. 创建`gulpfile.js`：这是Gulp的核心文件，定义了你的任务。例如，你可以设置一个`build`任务，对SASS进行编译并合并所有JS文件：

   const sass = require('gulp-sass');
   const concat = require('gulp-concat');
   const rename = require('gulp-rename');

   function build() {
     return gulp.src(['src/scss/**/*.scss', 'src/js/*.js'])
       .pipe(sass())
       .pipe(gulp.dest('dist/css'))
       .pipe(concat('app.min.js')) // 合并所有JS文件
       .pipe(rename({ suffix: '.min' })) // 添加.min后缀
       .pipe(gulp.dest('dist/js'));
   }

   gulp.task('default', build);

3. 执行任务：在命令行里，通过`gulp`命令即可运行这个任务，它会自动将源文件处理并保存到`build`目录。