使用gulp压缩一个js文件

谁借莪１个温暖的怀抱￠ 2022-08-29 05:55 168阅读 0赞

首先下载gulp，gulp-uglify

命令行输入：

npm install gulp -g

npm install gulp-uglify -g

然后新建一个文件gulpfile.js

> var gulp = require('gulp');  
> var uglify = require('gulp-uglify');  
> // 新建一个‘script’任务用于压缩js文件  
> gulp.task('script', function () \{  
>   // 找到需要压缩的文件  
>   return (  
>     gulp  
>       .src('echarts/echarts.min.js')  
>       // 压缩文件  
>       .pipe(uglify())  
>       // 另存压缩后文件  
>       .pipe(gulp.dest('dist'))  
>   );  
> \});  
> gulp.task('default', gulp.series('script'));

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzNzY5OTE0_size_16_color_FFFFFF_t_70][]

然后执行

gulp script

之后我们发现我们项目里多了dist的文件夹。里面就是我们压缩之后的js代码

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzNzY5OTE0_size_16_color_FFFFFF_t_70 1][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzNzY5OTE0_size_16_color_FFFFFF_t_70]: /images/20220829/9e47276adb1047648e00054b336b00a2.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzNzY5OTE0_size_16_color_FFFFFF_t_70 1]: /images/20220829/6f2e347721494c37ae8d7b6ed086e946.png

发表评论取消回复

表情：

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

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

相关阅读

相关 Gulp初学体会，从零安装并使用Gulp压缩css、js、html、图片

初识Gulp 作为一个PHP程序员，在小的外包公司中经常要做一些小型的内容管理系统。而在这个时候非常迫切的想要一套集成好的H5后台管理系统模板。原本一直在基于[Layui

约定不等于承诺〃/ 2022年11月19日 09:57/ 0 赞/ 168 阅读

相关 linux使用gulp压缩图片,从零开始用gulp

gulp是基于流的前端构件化工具。目前比较火的前端构建化工具还是挺多的，grunt gulp fis3等等。这个鬼东西有什么用？请参考https://www.zhihu.c

骑猪看日落/ 2022年10月20日 13:35/ 0 赞/ 167 阅读

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

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

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

相关使用gulp压缩并合并AngularJS代码

我们的移动web项目使用gulp作为自动化部署工具，由于移动设备4G流量费比较贵，一般我们做移动Web App项目正式发布时都需要把js代码进行压缩以便节省流量。包括使用

快来打我*/ 2022年08月07日 01:59/ 0 赞/ 131 阅读

相关利用gulp工具来压缩css文件

压缩 css 代码可降低 css 文件大小，提高页面打开速度，因此也可以提高网页的性能，接下来我们来看一下，我们怎么利用gulp工具来进行css文件的压缩。 1）首先我们先安

约定不等于承诺〃/ 2022年06月11日 09:11/ 0 赞/ 159 阅读

相关 Gulp压缩那些事

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

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

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

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

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

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

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

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

相关 gulp压缩

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

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

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

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

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