UglifyJS를 사용하여 노드 아래 JS 파일을 압축하고 병합하는 방법

이 기사에서는 주로 UglifyJS를 사용하여 노드에서 JS 파일을 압축하고 병합하는 방법을 공유합니다. UglifyJS의 최신 버전은 현재 2.8.13입니다. 주요 기능은 JS 압축 및 병합입니다.

설치:

<span style="font-size:18px;color:#006600;">npm install uglify-js -g</span>

uglifyjs를 전역 변수로 설치하여 어디서나 사용할 수 있습니다.

<span style="color:#006600;">下面是shell命令的中文解释：
* source-map [string]，生成source map文件。
* –source-map-root [string], 指定生成source map的源文件位置。
* –source-map-url [string], 指定source map的网站访问地址。
* –source-map-include-sources，设置源文件被包含到source map中。
* –in-source-map，自定义source map，用于其他工具生成的source map。
* –screw-ie8, 用于生成完全兼容IE6-8的代码。
* –expr, 解析一个表达式或JSON。
* -p, –prefix [string], 跳过原始文件名的前缀部分，用于指定源文件、source map和输出文件的相对路径。
* -o, –output [string], 输出到文件。
* -b, –beautify [string], 输出带格式化的文件。
* -m, –mangle [string], 输出变量名替换后的文件。
* -r, –reserved [string], 保留变量名，排除mangle过程。
* -c, –compress [string], 输出压缩后的文件。
* -d, –define [string], 全局定义。
* -e, –enclose [string], 把所有代码合并到一个函数中，并提供一个可配置的参数列表。
* –comments [string], 增加注释参数，如@license、@preserve。
* –preamble [string], 增加注释描述。
* –stats, 显示运行状态。
* –acorn, 用Acorn做解析。
* –spidermonkey, 解析SpiderMonkey格式的文件，如JSON。
* –self, 把UglifyJS2做为依赖库一起打包。
* –wrap, 把所有代码合并到一个函数中。
* –export-all, 和–wrap一起使用，自动输出到全局环境。
* –lint, 显示环境的异常信息。
* -v, –verbose, 打印运行日志详细。
* -V, –version, 打印版本号。
* –noerr, 忽略错误命令行参数。</span>

# UglifyJS2 사용 방법

> UglifyJS2를 사용하는 방법에는 두 가지가 있습니다

1. api call

shell 명령:

두 개의 JS start.js를 병합하고 압축합니다. .js 파일

~> uglifyjs start.js test.js -o new.min.js --source-map new.min.js.map

API 호출:

var fs = require('fs');
var uglifyjs = require("uglify-js");
var result = uglifyjs.minify("../test.js",{
 mangle:false
});

기본 핵심 메소드 축소 위, 아래 이 메소드만 보면

이것은 총 2개의 매개변수가 있는 매우 똑똑한 메소드입니다

첫 번째 매개변수*

첫 번째 매개변수는 문자열, 경로 또는 경로 배열이 될 수 있습니다.

1. 문자열 매개변수

즉, 우리가 작성한 자바스크립트 코드는 문자열 매개변수 매개변수 함수로 직접 사용될 수 있지만, 함수를 알려주는 두 번째 매개변수가 필요합니다. 바로 자바스크립트 소스코드 문자열

var result = uglifyjs.minify("var fun=function(){ alert('itKingOne博客');};",{
 mangle:false,
 fromString:true,
});

위의 첫 번째 매개변수가 javascript source code, 매개변수 중 두 번째 formString: true로 minify 함수에 이전 매개변수가 압축이 필요한 자바스크립트 소스코드임을 알려줍니다.

String path

함수에서 기본적으로 지원하는 방식입니다. . 압축된 자바스크립트 파일 경로는 물론 두 개의 매개변수를 가질 수도 있습니다.

var result = uglifyjs.minify("../test.js");

위 함수가 실행되고 매개변수가 하나일 때 test.js가 압축됩니다. 기본적으로 사용되며 파일 경로를 나타냅니다.

배열은 여러 경로를 지정합니다.

매개변수는 하나일 수 있지만 이 매개변수는 ['Path 1', 'Path 2', 'Path 3'] 배열입니다. 결과는 위 경로의 모든 자바스크립트가 압축되어 결과 객체로 반환된다는 점입니다. 나중에 별도로 하도록 하겠습니다.

var result = uglifyjs.minify([ "../test.js", "../mian.js"]);

두 번째 매개변수*

매개변수 설명

romString 속성( 기본값 false) 첫 번째 매개변수의 문자열이 javascript 소스 코드임을 지정합니다.

mangle 속성은 false로 지정되면 기본값이 true로 지정됩니다. 이는 난독화된 압축이 수행되지 않음을 나타냅니다.

width 및 max-line-len 속성은 지침을 따릅니다. 여기서는 압축 파일의 길이를 참조해야 합니다.

outSourceMap 속성은 함수 반환 값을 지정하는 데 사용됩니다. 객체 파일 속성으로 변환한 후 result.map 문자열

sourceRoot 속성의 값은 함수 반환 값을 지정하는 데 사용됩니다. 맵 문자열이 객체로 변환된 후 sourceRoot 속성의 값.

반환 값 결과는 객체입니다. 코드 속성은 압축된 스크립트

{"code":"这里是压缩后的 javascript 脚本","map":null}

에 해당합니다. 관련 권장 사항:

JS merge json 객체 인스턴스

php js request_PHP 병합 예제 튜토리얼

php js request_PHP 병합 예제

위 내용은 UglifyJS를 사용하여 노드 아래 JS 파일을 압축하고 병합하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!