简介
nprezz 是一个能够在前端项目中快速生成静态资源压缩包的 npm 包。它支持压缩 JavaScript、CSS、HTML 文件，并能够对资源进行代码混淆、图片压缩等操作。
安装方式
在项目中执行以下命令进行安装
npm install nprezz -D
使用方式
在项目的 package.json 文件中配置 nprezz 命令，如下示例：
"scripts": {
"prebuild": "nprezz -d src -o dist -p testPrefix -w hash32 --hash.file=true"
}其中各个参数的含义如下：
-d, --dir <dir>：指定压缩的源文件所在目录，默认为当前目录 src-o, --output <dir>：指定压缩后文件输出目录，默认为当前目录的 dist-p, --prefix <prefix>：指定压缩后的文件名前缀，默认为空-w, --hash <name>：指定命名方式，“hash16”，“hash32”，“full”三种命名方式，默认为 “full”-hash.file=true：是否对文件名进行 hash 计算，默认为 false
参数详解
--dir 参数详解
--dir 参数用于指定压缩的源文件所在目录。可以指定文件夹或使用通配符，如下示例：
- 压缩单个文件：
nprezz --dir index.js - 压缩指定目录下所有文件：
nprezz --dir ./src/**/*.* - 压缩多个文件：
nprezz --dir index.js another.js
--prefix 参数详解
--prefix 参数用于指定压缩后的文件名前缀。如果未指定该参数，则压缩后的文件名将与原文件名一致。
--hash 参数详解
--hash 参数用于指定命名方式，“hash16”，“hash32”，“full”三种命名方式。
hash16：表示使用 16 位 hash 值作为文件名。如文件原名为index.js，生成的压缩文件名为CAFE1234F8BCD9A1.js。hash32：表示使用 32 位 hash 值作为文件名。如文件原名为index.js，生成的压缩文件名为dcc19f12556a85f824a4610b16f5ac5e.js。full：表示使用完整的 hash 值作为文件名。
--hash.file 参数详解
--hash.file 参数用于指定是否对文件名进行 hash 计算。
true：表示对文件名计算 hash。false：表示不对文件名计算 hash。
示例代码
下面是一个简单的使用示例：
npm install nprezz -D
修改项目的 package.json 文件如下：
"scripts": {
"prebuild": "nprezz -d src -o dist -p testPrefix -w hash32 --hash.file=true"
}运行 npm run prebuild 来进行压缩。
参考链接
- nprezz 官方网站：https://github.com/ariatemplates/nprezz
- nprezz 官方文档：https://github.com/ariatemplates/nprezz/blob/master/doc/index.md
总结
nprezz 是一个功能强大的前端静态资源压缩工具，支持多种压缩方式和命名方式，使用起来非常灵活方便。在实际项目中，我们可以根据不同需求进行灵活配置，快速生成压缩包，并提高项目性能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60057c9181e8991b448ebeeb