专栏首页csxiaoyaoGulp学习笔记

Gulp学习笔记

Gulp学习笔记

1. 安装 Gulp.js

npm install -g gulp

2. 配置

2.1 创建 package.json 文件

npm init

2.2 安装依赖项

npm install --save-dev gulp gulp-util

2.3 安装需要的插件

此处安装两个插件 gulp-uglifygulp-concat,实现对 Javascript 文件压缩和合并,加上 –save-dev 参数会同时添加到包配置文件 package.json,以确保项目所需的依赖包可通过 npm 安装

npm install --save-dev gulp-uglify gulp-concat

2.4 创建配置文件

创建 gulpfile.js 文件

// 定义依赖项和插件
var gulp=require('gulp'),
    gutil=require('gulp-util'),
    uglify=require('gulp-uglify'),
    concat=require('gulp-concat');

// 定义名为 "js" 的任务
gulp.task('js', function(){
    gulp.src('./js/*.js')
        .pipe(uglify())
        .pipe(concat('all.js'))
        .pipe(gulp.dest('./js'));
    // 自动检查指定的资源的变化
    gulp.watch('./js/*.js', ['js']);
});

// 定义默认任务
gulp.task('default', ['js']);

3. 运行

gulp

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • macos下java版本动态切换

    csxiaoyao
  • USTC高级软件工程课程学习心得

      个人觉得,软件工程就是用工程化的思想去写代码,使得代码更加高效,这个高效不是指性能好,而是指提高开发效率,降低开发团队的成本。以前的编程的重心往往在算法的复...

    csxiaoyao
  • swoole学习笔记

    swoole是面向生产环境的 PHP 异步网络通信引擎,本笔记是本人在学习完慕课网的课程《Swoole入门到实战打造高性能赛事直播平台》后的笔记,是对学习的代码...

    csxiaoyao
  • gulp的安装和使用

    安装nodejs -> 全局安装gulp -> 项目安装gulp以及gulp插件 -> 配置gulpfile.js -> 运行任务 1、去nodejs官网安装n...

    小古哥
  • gulp常用插件 一

    如果你已经在项目中引入了gulp,那么不妨尝试用一些gulp集成好的插件来做一些任务。下面假定前端项目中根目录有src以及dist两个,分别用于开发和生产。 *...

    RobinsonZhang
  • gulp

    简单介绍 gulp是基于node开发的所以可以使用npm这个nodejs的包管理工具安装gulp,使用npm首先得配置node环境

    河湾欢儿
  • gulp自动化打包(上)

    版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.n...

    j_bleach
  • Gulp安装流程、使用方法及cmd常用命令导览

    xing.org1^
  • hexo 博客性能优化

    博客搭建这么久了发现并没有进行过优化,首页虽然打开速度勉强能够接受,但是 github 和 coding 提供的空间有限,是时候优化一下了。基本思路是采用 gu...

    逆葵
  • gulp自动化打包(下)

    版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.n...

    j_bleach

扫码关注云+社区

领取腾讯云代金券

玩转腾讯云 有奖征文活动