首页 > 其他分享 >idea里集成uglifyjs实现自动和手动压缩混淆js

idea里集成uglifyjs实现自动和手动压缩混淆js

时间:2024-02-16 10:44:34浏览次数:33  
标签:文件 script -- 压缩 idea js uglifyjs

项目中可能会多次修改某些*.js文件,但是引用的是*.min.js, 所以需要再改完源码后生成压缩的min.js

uglifyjs是个不错的工具,但是单独用略显麻烦,如果能整合到idea就好了。正好idea有这个功能。

 

1. 安装nodejs

  https://nodejs.org/dist/v8.9.3/node-v8.9.3-x64.msi

      下载后安装即可。

2. 通过nodejs安装uglifyjs

npm install uglify-js -g

3. idea安装nodejs,file watcher插件

4.配置nodejs插件

 

5 配置file watcher,文件改变时自动触发。

 

6 也可以手动使用,

 

7  手动压缩js文件测试

再要压缩的文件上右键>Extenal Tools>uglifyjs(在上一步中配置好的),生成压缩版js文件

 

8.自动压缩,再修改js文件后会自己生成压缩版。

 

9.最后看看uglifyjs的单独使用方法

`uglifyjs` 是一个 JavaScript 压缩工具,可以通过命令行使用。它可以帮助你压缩和混淆 JavaScript 代码,以减小文件大小并且增加代码的安全性。

下面是 uglifyjs 的一般命令行用法:

uglifyjs [options] [filename]...

其中,[filename] 是要压缩的 JavaScript 文件的名称。你可以指定一个或多个文件,uglifyjs 会将它们合并并进行压缩。

以下是一些常用的选项:

  • -o, --output: 指定输出文件的名称。
  • -c, --compress: 启用代码压缩。
  • -m, --mangle: 启用代码混淆。
  • --source-map: 生成源映射文件,以便在调试时定位压缩后的代码。
  • --keep-fnames: 保留函数名称,即使使用了代码混淆。

例如,要压缩名为 script.js 的文件并将输出保存为 script.min.js,你可以执行以下命令:

uglifyjs script.js -o script.min.js -c -m

这将对 script.js 文件进行压缩,并输出到 script.min.js 文件中,同时启用了代码压缩和混淆。

标签:文件,script,--,压缩,idea,js,uglifyjs
From: https://www.cnblogs.com/shamo89/p/18016967

相关文章

  • idea 通过maven下载源码
    【问】如上图,IDEA中点击DownloadSource(下载源码)后,下载的源码存储到哪了? 【答】先找到此源码所属Jar包在哪;点击DownloadSource(下载源码)后,会发现存储Jar包的位置多了一个后缀带有-sources的Jar包,这就是IDEA为我们下载的源码。【问】如何找此源码所属Jar包在哪......
  • JSDoc 注释 和 // 的区别。分别用在什么场景
    JSDoc注释和`//`注释在JavaScript中都用于添加代码说明,但它们的用途和格式有所不同,适用于不同的场景。###JSDoc注释JSDoc是一种标记语言,用于为JavaScript代码添加文档注释。它允许你使用特殊的标签(如`@param`、`@return`)来描述函数的参数、返回值、类、和其他重要信......
  • Cocos Creator 2.X(Cocos2d-js)游戏资源目录分析&逆向还原
    拿到了某变态服游戏,打开lib看到了libcocos2djs.so,判断版本为2.4。游戏把资源文件下载到了/data下,因此需要root。目录结构如下:g4-start/├──config.json├──import│ ├──1e│ │ └──1ea6e4bcd.json│ └──e7│   └──e76cb2d2-fa48-4916-......
  • Chrome修改Js以及保存资源
    Chrome有pdb下载,但是需要梯子,没法下载只能分析dll程序有源码可以辅助github可以下载,速度慢可以从镜像下载521github.comJs的修改尝试在ScriptCompiler::Compile修改,ClassicScript_RunScriptAndReturnValue,这些都有缺陷:修改的js在源码中看不到ScriptResour......
  • Idea--解决character ‘@‘ that cannot start any token. (Do not use @ for indenta
    原文网址:​​Idea--解决character‘@‘thatcannotstartanytoken.(Donotuse@forindentation_IT利刃出鞘的博客-CSDN博客​​简介本文介绍如何解决character‘@‘thatcannotstartanytoken.(Donotuse@forindentation这个问题。分享Java技术星球(自学精灵),网......
  • Debug: tf-distribute-strategy-worker: json.decoder.JSONDecodeError: Expecting pr
    [ERROR:json.decoder.JSONDecodeError:Expectingpropertynameenclosedindoublequotes:line1column182]#infilepipeline.yaml-name:TF_CONFIGvalue:"{\"cluster\":{\"worker\":[\"dist-s......
  • Jsoup的快速使用--简单实用
    Jsoup的使用通常分为四步:1.导入jar包2.加载XML文档进内存,获取DOM树对象Document2.1获取类加载器ClassLoaderclassLoader=Demo1.class.getClassLoader();2.2使用类加载器找到XML文档的路径Stringpath=classLoader.getResourc......
  • SharePoint Online 使用pnp.js获取超过5000条项目的列表数据
    前言我们在使用SharePointOnlineFramework解决方案的时候,经常会碰到获取列表数据,然后数据总量超过5000的情况。这种情况,我们就需要用分页的方式多次获取数据了,我们今天简单介绍下。正文1.废话少说,直接上代码(老版本的pnpjs可能没有这个方法,如果没有的话......
  • p5js: JavaScript 创意绘画
    p5js是一个免费开源的Javascript创意绘画工具,通过p5js可以实现代码绘画01鼠标变色鼠标触发绘画区域,即马上变色,松开恢复functionsetup(){createCanvas(400,400);//设置画布大小}functiondraw(){if(mouseIsPressed)//被鼠标触发{background(255,51,......
  • P4559 [JSOI2018] 列队 题解
    题目链接:列队半年前mark的题,结果现在一下子就会做了。顺便写写我的手玩过程和复杂度说明。考虑比较特殊的情况:比较特殊的,发现从黑色到红色区间我们无论咋选择,由于\(\left|a_{right}-a_{left}\right|\),这玩意如果\(right\)表示红色的一边,那么这个绝对值可以直接拆掉,那么......