概述
minj
是一个可以对 JavaScript 代码进行压缩的 npm 包。它可以帮助我们减小代码体积,提高加载速度,同时可以维护代码结构的整洁性。
安装
使用 npm 进行安装:
npm install minj -g
使用
压缩单个文件
压缩单个文件非常简单。在终端输入以下命令:
minj input.js -o output.js
其中,input.js
是要被压缩的文件路径,output.js
是压缩后的文件路径。
压缩多个文件
如果要压缩多个文件,可以在命令中指定多个文件路径。例如:
minj file1.js file2.js file3.js -o bundle.js
注意:多个文件将会被合并到同一个压缩后的文件中。
配置文件
对于较大的项目,每次执行压缩时手动输入路径很麻烦,这时可以通过配置文件的方式设置压缩规则。
在项目的根目录下新建一个名为 minj-config.json
的配置文件,示例内容如下:
{ "input": [ "src/index.js", "src/lib/utils.js" ], "output": "dist/bundle.min.js" }
其中,input
是一个数组,存放了需要被压缩的文件路径;output
是压缩后的文件路径。
在终端中执行以下命令:
minj -c minj-config.json
即可使用配置文件中的规则进行压缩。
按需压缩
有时我们只需要压缩代码中的部分内容,例如只需要压缩某个模块的代码。这时可以通过在代码中添加注释的方式来指定需要压缩的模块或函数。
-- -------------------- ---- ------- --- - ------------ -- -------- -------------- - -- --- - --- - ----------- -- -------- --------------- - -- --- -
在需要被压缩的代码块前添加 minj:disable
,在代码块后添加 minj:enable
,这段代码块就不会被压缩掉了。
示范代码
-- -------------------- ---- ------- ----- ---- - ---------------- -- ------ ---------------- --- ----------- ----- ------- ------- -- - -- ----- - ------------------- ------- - ---------------------- ------- ---------------------- ------- --- -- ------ -------------- -------- ---------- --- ----------- ----- ------- ------- -- - -- ----- - ------------------- ------- - ---------------------- ------- ---------------------- ------- --- -- ------ -------- ------------------ ----- ------- ------- -- - -- ----- - ------------------- ------- - ---------------------- ------- ---------------------- ------- ---
经验总结
- Minj 的压缩利用了 JavaScript 多余的字符来进行压缩,所以在使用之前一定要备份代码。
- 在压缩后不要直接在其上面做修改,可以重新解压再修改。
- Minj 的压缩效果要优于许多其他的压缩工具。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/76648