gulp 压缩打包js文件、gulp方法

亦凉 2021-07-24 19:21 718阅读 0赞

gulp的方法
    
      gulp.task(str,fn)
        创建一个gulp任务
      gulp.src(path)
        文件来源
      gulp.dest(path)
        操作之后的文件到哪里去
      .pipe(package)
        执行一个gulp功能
      gulp.watch()
        监听
      gulp.start()
        执行gulp任务
    
    插件
    	1、压缩js文件
    		(1)cnpm install -D gulp-uglify
    
    		(2)在gulpfile.js文件中引入
    			var 压缩插件名=require("gulp-uglify")
    
    		(3)创建任务
    			gulp.task('自定义任务名',function(cb)
    			{
    				gulp.src("要压缩文件的路径")
    				.pipe(压缩插件名())
    				.pipe(gulp.dest("压缩文件的去处"))
    			})
    
    			其中:压缩一个js文件:
    					gulp.src("路径")
    				 压缩多个指定js文件:
    				 	gulp.src(["路径1","路径2",...])
    				 压缩文件夹下所有js文件:
    				 	gulp.src("文件夹路径/*.js")
    				 	
    	2、执行压缩打包
    			gulp 自定义任务名

代码示例:

var gulp = require('gulp');
    var yasuo=require("gulp-uglify")
    gulp.task('default', function(cb) { 
    // 将你的默认的任务代码放在这
    	gulp.start("yasuotest")
    	cb();
    });
    
    //创建压缩任务
    gulp.task('yasuotest',function(cb){ 
    	gulp.src("./src/js/*.js")
    	.pipe(yasuo())
    	.pipe(gulp.dest("./dist/js"))
    	cb();
    })

发表评论取消回复

表情：

评论列表（有 0 条评论，718人围观）

还没有评论，来说两句吧...

相关阅读

相关 gulp：压缩CSS插件——gulp-clean-css

[gulp-clean-css插件介绍][gulp-clean-css] gulp-clean-css插件是[gulp][] plugin to minify CSS,

旧城等待，/ 2022年11月29日 12:22/ 0 赞/ 234 阅读

相关使用gulp压缩一个js文件

首先下载gulp，gulp-uglify 命令行输入： npm install gulp -g npm install gulp-uglify -g 然后新建一个文

谁借莪１个温暖的怀抱￠/ 2022年08月29日 05:55/ 0 赞/ 230 阅读

相关 gulp文件

//gulpfile.js 'use strict'; / 1. LESS编译压缩合并 2. JS合并压缩混淆 3. img复制 4.

深碍√TFBOYSˉ_/ 2022年06月11日 05:10/ 0 赞/ 171 阅读

相关 Gulp压缩那些事

前提： gulp是前端开发过程中对代码进行构建的工具，是自动化项目的构建利器；她不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自

桃扇骨/ 2022年05月29日 10:25/ 0 赞/ 247 阅读

相关 CocosCreator和gulp-使用gulp-imagemin压缩图片

在游戏开发中，打包前进行图片压缩是必需工作，gulp内置了很多构建、优化插件，例如：图片压缩、js文件合并等等，这样，在游戏构建过程中，只需一个命令，就可以自动做完所有这些工作

本是古典何须时尚/ 2022年05月14日 02:36/ 0 赞/ 289 阅读

相关 gulp js压缩gulp-uglify,去除console

var gulp = require('gulp'), uglify = require('gulp-uglify'), rename =

古城微笑少年丶/ 2022年03月11日 15:27/ 0 赞/ 377 阅读

相关 gulp压缩

gulp压缩 gulp安装 gulp插件的安装 gulp压缩代码执行任务 gulp安装 1. 安装gul

朱雀/ 2022年01月30日 06:49/ 0 赞/ 330 阅读

相关 gulp打包工具

1、gulp的安装首先确保你已经正确安装了nodejs环境。然后以全局方式安装gulp： npm install -g gulp 全局安装gulp后，还需要

￡神魔★判官ぃ/ 2021年09月02日 04:50/ 0 赞/ 555 阅读

相关 gulp 压缩打包css、html和图片

1、压缩打包css文件 (1)cnpm install -D gulp-minify-css (2)在gulpfile.js

你的名字/ 2021年07月24日 23:30/ 0 赞/ 603 阅读

相关 gulp 压缩打包js文件、gulp方法

gulp的方法 gulp.task(str,fn) 创建一个gulp任务 gulp.src(path)

亦凉/ 2021年07月24日 19:21/ 0 赞/ 719 阅读