javascript编译压缩

javascript编译

js是JavaScript 源码文件, .min.js是压缩版的js文件。
.min.js文件经过压缩,相对编译前的js文件体积较小,传输效率快。经过编码将变量和函数原命名改为毫无意义的命名,以防止他人窥视和窃取 js 源代码

在线版

github

安装

npm install uglify-js -g

编译源码

uglifyjs Three.es.js -c --toplevel -o Three.es.min.js

选项

  -h, --help                  列出使用指南。`--help options` 获取可用选项的详情。-V, --version               打印版本号。-p, --parse <options>       指定解析器配置选项:`acorn`  使用 Acorn 来解析。`bare_returns`  允许在函数外return。在压缩CommonJS模块或`.user.js `引擎调用被同步执行函数包裹的用户脚本 时会用到。`expression`  不是解析文件,二是解析一段表达式 (例如解析JSON).`spidermonkey`  输入文件是 SpiderMonkeyAST 格式 (JSON).-c, --compress [options]    启用压缩(true/false)/指定压缩配置:`pure_funcs`  传一个函数名的列表,当这些函数返回值没被利用时,该函数会被安全移除。-m, --mangle [options]       启用混淆(true/false)/指定混淆配置:`reserved`  不被混淆的名字列表。--mangle-props [options]    混淆属性/指定压缩配置:`builtins`  混淆那些与标准JS全局变量重复的名字。`debug`  添加debug前缀和后缀。`domprops`  混淆那些鱼DOM属性名重复的名字。`keep_quoted`  只混淆没括起来的属性名。`regex`  只混淆匹配(该正则)的名字。`reserved`  不需要混淆的名字的列表(即保留)。-b, --beautify [options]    是否美化输出(true/false)/指定输出配置:`beautify`  默认是启用.`preamble`  预设的输出文件头部。你可以插入一段注释,比如版权信息。它不会被解析,但sourcemap会因此调整。`quote_style`  括号类型:0 - auto自动1 - single单引号2 - double双引号3 - original跟随原码`wrap_iife`  把立即执行函数括起来。注意:你或许应禁用压缩配置中的`negate_iife`选项。 -o, --output <file>         输出文件路径 (默认 STDOUT). 指定 `ast` 或`spidermonkey`的话分别是输出UglifyJS或SpiderMonkey AST。--comments [filter]         保留版权注释。默认像Google Closure那样,保留包含"@license"或"@preserve"这样JSDoc风格的注释。你可以传以下的参数:- "all" 保留全部注释- 一个合适的正则,如 `/foo/` 或 `/^!/`,保留匹配到的注释。 注意,在启用压缩时,因为死代码被移除或压缩声明为一行,并非*所有*的注释都会被保留。--config-file <file>        从此JSON文件读取 `minify()` 配置。-d, --define <expr>[=value] 定义全局变量。--ie8                       支持IE8。等同于在`minify()`的`compress`、 `mangle` 和 `output`配置设置`ie8: true`。UglifyJS不会默认兼容IE8。--keep-fnames               不要混淆、干掉的函数的名字。当代码依赖Function.prototype.name时有用。--name-cache <file>         用来保存混淆map的文件。--self                      把UglifyJS本身也构建成一个依赖包(等同于`--wrap UglifyJS`)--source-map [options]      启用 source map(true/false)/指定sourcemap配置:`base` 根路径,用于计算输入文件的相对路径。`content`  输入sourcemap。假如的你要编译的JS是另外的源码编译出来的。假如该sourcemap包含在js内,请指定"inline"。 `filename`  输出文件的名字或位置。`includeSources`  如果你要在sourcemap中加上源文件的内容作sourcesContent属性,就传这个参数吧。`root`  此路径中的源码编译后会产生sourcemap.`url`   如果指定此值,会添加sourcemap相对路径在`//#sourceMappingURL`中。--timings                   在STDERR显示操作运行时间。--toplevel                  压缩/混淆在最高作用域中声明的变量名。--verbose                   打印诊断信息。--warn                      打印警告信息。--wrap <name>               把所有代码包裹在一个大函数中。让“exports”和“global”变量有效。你需要传一个参数来指定此模块的名字,以便浏览器引用。  

参考文档

UglifyJS3中文文档

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/536023.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

vscode设置中文

vscode设置中文 当我们安装完成vscode后&#xff0c;会发现它是中文的&#xff0c;因为默认情况下&#xff0c;vscode使用的语言为英文(us)。 那很多同学是不喜欢英文的&#xff0c;不是看不懂&#xff0c;而是不方便哈。 修改语言配置文件 使用快捷键组合【CtrlShiftp】 在…

linux下编译boost

linux下编译boost 下载boot库 官方下载地址 下载完成会解压。 编译 1.进入解压后的文件夹内 cd boost_1_69_0 执行下面的语句 ./bootstrap.sh --with-librariesall --with-toolsetgcc–with-libraries 指定编译哪些boost库&#xff0c;all的话就是全部编译&#xff0c;只想…

C++通过原子变量代替互斥量

C通过原子变量代替互斥量 废话不多说&#xff0c;直接上代码。 实现类似lock_guard功能 #include <atomic> #include <thread>class ClockGuard { public:ClockGuard(std::atomic_flag & atomic):m_lockedFlag(atomic){lock();}~ClockGuard(){unlock();}voi…

conky安装配置

conky安装配置 安装conky sudo apt-get install conky-all修改配置 在主目录下创建’.conkyrc’ 文件内容&#xff1a; # set to yes if you want Conky to be forked in the background background no cpu_avg_samples 2 net_avg_samples 2 out_to_console no # X font w…

Windows子系统安装图形界面

Windows子系统安装图形界面 有很多同学需要使用 linux 系统,但是又不想真正安装一个 linux 系统。于是微软大哥就把 ubuntu 系统集成到 windows 内了&#xff0c;你说 微软 屌不屌&#xff1f; 言归正传。 安装Xlaunch 因为这个是最靠谱的图形化界面了&#xff0c;所以不解…

C++ 判断类是否有某变量

C 判断类是否有某变量 话不多说上代码。 #define HAS_MEMBER(member)\template<typename T, typename... Args>struct has_member_##member\ {\private:\template<typename U> static auto Check(int) -> decltype(std::declval<U>().member(std::declv…

C++将地址转换为字符串

C将地址转换为字符串 有时候在做程序设计的时候&#xff0c;有可能需要做一个类似messageBus的功能&#xff0c;并且需要一个key保证唯一&#xff0c;那么如何实现这个key的唯一呢&#xff1f;大致两种思路: 使用函数签名&#xff0c;因为messagebus绑定的是一个函数&#xf…

Angular 8之升级和新功能摘要

Angular 8之升级和新功能摘要 Angular 8已经到来,并带来了大量的工作流程和性能改进。就像我们之前发布的几个版本一样,让我们回顾一下Angular 8的新功能,以及如何将Angular 7应用程序升级到Angular 8。 Angular 8中明显的新功能数量有限,但确实还有一些好东西: Differen…

Linux下查看显卡PCIE速率x16x8x4及设定

Linux下查看显卡PCIE速率x16x8x4 由于linux软件并不是很齐全所以查看显卡占用PCIE的带宽并不直观&#xff0c;所以本文介绍如何查看。 Windows下使用GPU-Z即可查看 Linux 确定当前显卡型号 lspci | grep NVIDIA返回 02:00.0 3D controller: NVIDIA Corporation GM107M [GeFor…

Deepin安装最新显卡RTX2080Ti及CUDA10.1

Deepin安装最新显卡RTX2080Ti及CUDA10.1 废话不多说直接上教程。 本系统为Deepin 15.10.2&#xff0c;是基于debian 9发布的&#xff0c;不排除后续deepin升级为debian 10&#xff0c;就目前来看是和ubuntu 16.04一样&#xff0c;使用的是debian 9&#xff0c;所以下载安装包等…

Anaconda安装Tensorflow环境

Anaconda安装Tensorflow环境 Anaconda安装 下载安装包&#xff0c;请到这个地址下载 安装 打开终端执行&#xff1a; bash Anaconda3-5.3.1-Linux-x86_64.sh安装过程全部yes即可。 然后重新启动。 验证是否安装成功 conda --version如果没有报错&#xff0c;并且输出下面内容…

Windows下Qt Creator设置IDE菜单字体样式

Windows下Qt Creator设置IDE菜单字体样式 本文为解决以下问题&#xff1a; IDE的菜单字体太小IDE的菜单字体样式&#xff0c;可以更换为微软雅黑 创建样式文件 在Qt Creator目录下C:\Qt\Qt5.12.2创建 custom-style.css 文件&#xff0c;内容如下&#xff1a; QWidget { fo…

Clonezilla再生龙备份与还原linux系统

文章目录Clonezilla再生龙备份与还原linux系统简介功能与要求一、制作再生龙启动盘1.下载镜像2.制作启动盘二、系统分区三、备份系统四、还原系统注意事项Clonezilla再生龙备份与还原linux系统 简介 再生龙&#xff08;Clonezilla&#xff09;是一个免费的灾难恢复、硬盘克隆…

ubuntu Qt Creator不能输入中文

ubuntu Qt Creator不能输入中文 解决方式为下面的脚本&#xff0c;如果你的Qt是安装在根目录下&#xff0c;那么需要加sudo&#xff0c;如果不是&#xff0c;直接运行即可 sudo bash ChineseInputForQt-v1.1.sh# 或者bash ChineseInputForQt-v1.1.sh脚本内容为&#xff1a; …

修改gitlab数据卷的位置

修改gitlab数据卷的位置 在使用docker安装gitlab的时候&#xff0c;一开始没有考虑其他事情&#xff0c;直接在本地创建了一个数据卷就挂载到容器上了&#xff0c;导致后续数据越来越多&#xff0c;想将数据放到其他盘&#xff0c;大致可以这样操作。 1.停止容器 docker sto…

Angular安装教程

Angular安装 安装node和npm 参考这篇文章安装 https://blog.csdn.net/wf19930209/article/details/84226365 正式安装 当然&#xff0c;在安装 angular/cli 之前需要先把 Node.js 安装好&#xff0c;请到官方网站下载安装包 &#xff0c;安装过程和普通软件没有区别。装好…

Angular之ngx-permissions安装入门

Angular之ngx-permissions安装入门 权限帮助您对路线的控制权,通过使用简单的概念,你来决定谁可以访问它们。 安装 安装这个第三方库: npm install ngx-permissions --save导入 App Module导入 import {BrowserModule } from @angular/platform-browser; import {NgMo…

Angular之ngx-permissions的常见使用情况

Angular之ngx-permissions的常见使用情况 权限验证 首先需要请求验证并通过&#xff0c;然后获得权限&#xff0c;最后检查权限。 这种方式需要在Angular 4.3.2 版本以上才会有效工作。 一般来说我们的程序有2个守卫&#xff0c;一个是信息验证&#xff0c;一个是权限守卫&am…

Angular之ngx-permissions的控制视图访问

Angular之ngx-permissions的控制视图访问 案例 demo https://stackblitz.com/edit/ngx-permissions-iwexsb Permission指令 Permission模块将导出指令 ngxPermissionsOnly 和 ngxPermissionsExcept,它能够根据权限和角色控制元素的显示/隐藏。 指令属性 属性值描述ngxPerm…

网页滚动条上下滚动固定元素左右不固定之sticky

网页滚动条上下滚动固定元素左右不固定之sticky 有时候我们需要网页中某元素在上下滚动时可以固定在某一位置&#xff0c;但是左右不固定&#xff0c;也就是会随着左右滚动条滚动。那么我们可以通过 sticky 布局来解决。 position: sticky 我们先看看兼容性&#xff1a; 在使…