gulp-uglify编译时，去除全部注释或保留部分注释，以及统一添加公共注释

使用gulp-uglify压缩javascript文件，可以减小文件大小。有时需要完全压缩去除全部注释，有时则需要保留部分，具体如下详述：

1.安装gulp-uglify

gith地址：GitHub - terinjokes/gulp-uglify: Minify files with UglifyJS

2.基本使用

var gulp = require('gulp'),uglify = require('gulp-uglify');gulp.task('uglifyJs', function(){gulp.src('assets/js/*.js').pipe(uglify()).pipe(gulp.dest('dist/js'));
});

3.常用参数

gulp.task('uglifyJs', function(){gulp.src('assets/js/*.js').pipe(uglify({mangle: true,        //类型：Boolean 默认：true， 是否修改变量名compress: true,      //类型：Boolean 默认：true， 是否完全压缩})).pipe(gulp.dest('dist/js'));
});

4.去除全部注释

gulp.task('uglifyJs', function(){gulp.src('assets/js/*.js').pipe(uglify({output: {comments: true,        //类型：Boolean 默认：true， 是否保留注释}})).pipe(gulp.dest('dist/js'));
});

5.通过indexOf判断保留部分注释

gulp.task('uglifyJs', function(){gulp.src('assets/js/*.js').pipe(uglify({output: {comments: function(node, comment){//含有@date字符 部分的注释进行保留return comment.value.indexOf("@date")>=0;}    }})).pipe(gulp.dest('dist/js'));
}); //例如：
/*** @date 2020-12-30* 描述内容...*/

6.通过正则判断保留部分注释

gulp.task('uglifyJs', function(){gulp.src('assets/js/*.js').pipe(uglify({output: {comments: function(node, comment){//以!号开头 部分的注释进行保留return /^!/.test(comment.value);}}})).pipe(gulp.dest('dist/js'));
}); //例如：
/*!* 描述内容...*/

7.统一添加公共注释

gulp.task('uglifyJs', function(){gulp.src('assets/js/*.js').pipe(uglify({output: {preamble: "/** \r\n 版本所有 \r\n 填写日期 \r\n 填写作者信息 */"}})).pipe(gulp.dest('dist/js'));
});

gulp-uglify编译时，去除全部注释或保留部分注释，以及统一添加公共注释相关推荐

万能的APT！编译时注解的妙用
转载自:http://zjutkz.net/2016/04/07/万能的APT!编译时注解的妙用/ 本篇文章会带你了解什么是注解,注解的用法和分类,并且从knight和butterKnife的使用方式 ...
【Android APT】编译时技术 ( 编译时注解和注解处理器依赖库 )
文章目录一.编译时注解和注解处理器二.创建编译时注解和注解处理器三.添加编译时注解和注解处理器依赖库依赖四.博客资源一.编译时注解和注解处理器上一篇博客 [Android A ...
【Android APT】编译时技术 ( ButterKnife 原理分析 )
文章目录一.编译时技术简介二.ButterKnife 原理分析二.ButterKnife 生成 Activity_ViewBinding 代码分析一.编译时技术简介 APT ( Annotat ...
交叉编译指定运行时库路径_运行时vs编译时类路径
交叉编译指定运行时库路径这确实应该是一个简单的区别,但是我一直在回答有关Stackoverflow的许多类似问题,并且经常有人误解此事. 那么,什么是类路径? 应用程序所需的一组所有类(以及带有类的 ...
运行时vs编译时类路径
这确实应该是一个简单的区别,但是我一直在回答有关Stackoverflow的许多类似问题,并且经常有人误解此事. 那么,什么是类路径? 应用程序所需的一组所有类(以及带有类的jar)的集合. 但是有两 ...
VS编译时使用/去除NuGet管理库
原文链接:VS编译时自动下载NuGet管理的库之前一直使用NuGet来管理一些第三方的库,但是每次check in代码时候为了保证编译通过,都需要把对应的packages check in. 比较耗 ...
手动编译 lombok_Lombok，一种编译时Java注释预处理器，可最大程度地减少代码大小...
手动编译 lombok 在本文中,我们将看到如何在常规Java代码中使用lombok来最大程度地减少代码长度和冗余. 什么是Lombok? Lombok,一个编译时注释预处理器,有助于在编译时注入一些 ...
Lombok，一种编译时Java注释预处理器，可最大程度地减少代码大小
在本文中,我们将看到如何在常规Java代码中使用lombok来最小化代码长度和冗余. 什么是Lombok? Lombok,一个编译时注释预处理器,有助于在编译时注入一些代码. 在详细介绍之前,我要求您 ...
java使用cmd编译中文时错误,解决Notepad++编写的Java程序在cmd窗口编译时中文注释报错问题...
解决Notepad++编写的Java程序在cmd窗口编译时中文注释报错问题解决Notepad++编写的Java程序在cmd窗口编译时中文注释报错问题在刚开始学习Java的过程中,考虑到记事本应用没 ...

gulp-uglify编译时，去除全部注释或保留部分注释，以及统一添加公共注释

gulp-uglify编译时，去除全部注释或保留部分注释，以及统一添加公共注释相关推荐

最新文章

热门文章

gulp-uglify编译时，去除全部注释或保留部分注释， 以及统一添加公共注释

gulp-uglify编译时，去除全部注释或保留部分注释， 以及统一添加公共注释相关推荐

最新文章

热门文章

gulp-uglify编译时，去除全部注释或保留部分注释，以及统一添加公共注释

gulp-uglify编译时，去除全部注释或保留部分注释，以及统一添加公共注释相关推荐