gulp自动化构建工具了解

gulp 是一个基于流的自动化构建工具,具有易于使用、构建快速、插件高质和易于学习的特点,常用于轻量级的工程中。

初始使用

  • 全局安装gulp
npm install --global gulp
  • 在项目中引入依赖
npm install --save-dev gulp
  • 在项目根目录下创建名为 gulpfile.js 的文件
const gulp = require('gulp');

// default 表示一个任务名,为默认执行任务
gulp.task('default', function() {
  // 放置默认的任务代码
})
  • 运行 gulp
gulp
  • 利用 gulp 搭建应用
const gulp = require('gulp');
const uglify = require("gulp-uglify");  
 
gulp.task('default', function() {
  gulp.src('./src/main.js')
      .pipe(uglify())
      .pipe(gulp.dest('./dist'));
})

 

posted @ 2020-06-24 08:41  半忧夏  阅读(121)  评论(0编辑  收藏  举报