专栏首页禅林阆苑Gulp学习笔记 【原创】

Gulp学习笔记 【原创】

Gulp学习笔记

Write By CS逍遥剑仙 我的主页: www.csxiaoyao.com GitHub: github.com/csxiaoyaojianxian Email: sunjianfeng@csxiaoyao.com QQ: 1724338257

目录导航

  • Gulp学习笔记
    • 1. 安装 Gulp.js
    • 2. 配置
      • 2.1 创建 package.json 文件
      • 2.2 安装依赖项
      • 2.3 安装需要的插件
      • 2.4 创建配置文件
    • 3. 运行

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

【By CS逍遥剑仙】 未经允许不得转载:禅林阆苑 » Gulp学习笔记 【原创】

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

我来说两句

0 条评论
登录 后参与评论

相关文章

  • mysql 命令完全总结 【原创】

    mysql 命令完全总结 Write By CS逍遥剑仙 我的主页: www.csxiaoyao.com GitHub: github.com...

    CS逍遥剑仙
  • mysql学习总结05 — 用户权限

    mysql中所有用户信息保存在mysql数据库下的user表中。在安装mysql时,如果不创建匿名用户,那么默认用户只有root超级用户。mysql使用host...

    CS逍遥剑仙
  • mysql 配置总结( linux & macos ) 【原创】

    mysql 配置总结 Write By CS逍遥剑仙 我的主页: www.csxiaoyao.com GitHub: github.com/c...

    CS逍遥剑仙
  • gulp常用插件 一

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

    RobinsonZhang
  • gulp的安装和使用

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

    小古哥
  • gulp

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

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

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

    j_bleach
  • hexo 博客性能优化

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

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

    xing.org1^
  • hexo 博客支持PWA和压缩博文

    目标网站 https://blog.rmiao.top/ PWA yarn add hexo-offline 然后在root config.yml里新增 # o...

    Ryan-Miao

扫码关注云+社区

领取腾讯云代金券