什么是 ntz
ntz 是一款针对前端工程化开发的 npm 包，它能够让我们更加便捷地进行开发。ntz 可以在 gulp、webpack、rollup 等构建工具中使用，同时也支持 TypeScript。
如何安装
在使用 ntz 前，你需要先安装 Node.js。安装完成 Node.js 后，在终端中输入以下命令即可安装 ntz：
--- ------- --- ----------
如何使用
搭建好项目后，进入项目根目录，新建一个名为 ntz.js 的文件，在文件内输入以下内容：
----- --- - -------------- ------------------ -- -- - ------ ------------ --------- -------- --
其中，srcPath 为源文件路径，destPath 为生成文件路径，options 为传递的配置项。
具体功能
ntz 提供了以下常用的功能：
1. 图片压缩
在压缩图片时，我们可以使用以下代码格式：
----- --- - --------------
------------------ -- -- -
------ -------------------------- --------------------- -
-------------- ----
--
--其中，'src/assets/images/*' 表示 src 目录下的所有图片文件，'dist/assets/images' 表示生成的目标文件夹，compressImage 表示启用压缩图片功能。
2. CSS、JS 压缩
当我们需要压缩 CSS File 和 JS File 时，我们可以使用以下代码格式：
----- --- - --------------
------------------ -- -- -
------ -------------------------- --------------------- -
---------- ----
-- ---------------------- -
--------- ----
--
--其中，第一个参数 'src/assets/styles/*' 表示 CSS 文件所在的目录，第二个参数 'dist/assets/styles' 表示生成压缩后的 CSS 文件的目标路径，minifyCSS 表示启用 CSS 压缩功能；第三个参数 'dist/assets/scripts' 表示 JS 文件所在的目录，第四个参数表示生成压缩后的 JS 文件的目标路径，minifyJS 表示启用 JS 压缩功能。
3. 字体和 SVG 图标
在压缩图标和字体文件时，我们可以使用以下代码格式：
----- --- - --------------
------------------ -- -- -
------ ------------------------- -------------------- -
------------ ----
-- ------------------- ------------------ -
---------------- ----
--
--其中，第一个参数 'src/assets/icons/' 表示 icons 所在的目录，第二个参数 'dist/assets/fonts' 表示生成压缩后的字体文件的目标路径，createFonts 表示启用创建字体文件功能；第三个参数 'src/assets/svg/' 表示 svg 所在的目录，第四个参数 'dist/assets/svg' 表示生成压缩后的 SVG 文件的目标路径，createSVGSprite 表示启用创建 SVG 图标功能。
结束语
通过本文简单的介绍，你可以初步了解 ntz 的使用，希望对你有所帮助。如果你想要更详细的原理了解，可以通过查看其官方文档来获取更多的信息。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60065f8f238a385564ab6f2a