什么是 private-grunt-contrib-uglify-wly
private-grunt-contrib-uglify-wly 是一个前端项目打包工具 grunt 中的插件,用于压缩 Javascript 文件。它是基于 grunt-contrib-uglify 插件的基础上进行了定制和改进,更加贴近项目需求。
安装
在使用之前,需要确保已经安装好了 grunt 和 grunt-contrib-uglify 插件,如果没有可以在终端输入以下命令进行安装:
--- ------- ----- ---------- --- ------- -------------------- ----------
然后可以使用 npm 进行安装:
--- ------- -------------------------------- ----------
配置
在使用之前,需要配置 Gruntfile.js 文件:
-------------- - --------------- - ------------------ ------- - -------- - ------- ---- --- -------- -- --- ---------------------------------- -- ----- -- ------ - ---- ------------- ----- ----------------- - - --- ------------------------------------------- ------------------------------------------------------- ----------------------------- ------------ --
其中,
- src:需要压缩的 Javascript 文件所在的目录;
- dest:压缩后的文件存放位置和文件名;
- banner: 在压缩后的文件开头添加的注释信息。
使用
执行以下命令进行压缩:
----- ------
参数说明
私有的 private-grunt-contrib-uglify-wly 插件提供了以下参数:
ignore
ignore 为忽略压缩的文件,可以按照文件路径来规定哪些文件被忽略不进行压缩,例如:
-------------- - -------- - ------- ---------------- -- ------ - ---- ------------- ----- ----------------- - -
其中,忽略了 src/lib 目录下的所有文件。
expand
expand 参数控制是否展开目录,在 src 参数为目录时生效:
-------------- - -------- - ------- ---- -- ------ - ---- --------- ----- ----------------- - -
该配置将 src/js 中的所有文件构建到一起。
compress
compress 参数控制是否先对代码进行压缩再混淆,可通过以下命令进行配置:
-------------- - -------- - --------- - ------------- ---- - -- ------ - ---- ------------- ----- ----------------- - -
banner
同 grunt-contrib-uglify 插件一样,banner 参数控制在压缩后的文件前添加注释信息。例如:
-------------- - -------- - ------- ---- --- -------- -- --- ---------------------------------- -- ----- -- ------ - ---- ------------- ----- ----------------- - -
示例
假设有如下目录:
- --- ------------ --- ------------ --- ------------ --- --- --- ------- --- -------- --- --- --- ---------
在 Gruntfile.js 中配置如下:
-------------- - --------------- - ------------------ -------------- - -------- - ------- ----------------- --------- - ------------- ---- -- ------- ---- --- -------- -- --- ---------------------------------- -- ----- -- ------ - ---- ------------- ----- ----------------- - - --- ------------------------------------------- ------------------------------------------------------- ----------------------------- ------------------- --
运行命令:
----- -------------
在 dest 目录下生成 wly.min.js 文件,其中对 src/main.js 和 src/utils.js 进行了压缩和混淆。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/73306