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