为intellij idea添加YUI Compressor支持-白红宇

为intellij idea添加YUI Compressor支持

阅读量：4154 次

发布时间：2019-05-25

本文共 1027 字，大约阅读时间需要 3 分钟。

为intellij idea添加YUI Compressor支持

YUI Compressor 是一个用来压缩 JS 和 CSS 文件的工具。

java -jar path\to\dir\yuicompressor-2.4.*.jar --charset utf-8 -v -o

E:\outputfile.js E:\inputfile.js

具体参数的意义请参考官方文档。

打开Idea的设置Setting窗口（可以直接按快捷键Ctrl+Alt+S打开）

找到IDE Settings ---> External Tools

点击添加会出现下图对话框：

为intellij idea添加YUI Compressor支持 - 天涯牧风 - 爱的天空

Name就是给菜单的名称，Group是分组，都可以随便写，效果我们待会就会见到，Description是功能描述可以不写

Options中的几个按钮看名称就能知道，第一个是执行后同步文件，第二个是执行时打开控制台；

Show in是我们的菜单按钮显示的位置

Tool settings是最重要的设置，

第一栏我们填写“java” 表示用java执行；

第二栏是我们的命令，也就是执行YUI Compressor的命令： “ -jar E:\java\tools\yuicompressor\yuicompressor-2.4.7.jar --charset utf-8 -v -o $FileDir$\$FileNameWithoutAllExtensions$-min.$FileExt$ $FilePath$”

两个$符之间的是Idea的变量，可以通过后面的Insert macro 按钮查找，比如

$FilePath$是我们选中的文件的完整路径，

$FileExt$是后缀，其中的“

E:\java\tools\yuicompressor\yuicompressor-2.4.7.jar”是YUI Compressor的jar包路径。

第三栏是设置工作空间，这里我们选择我们的项目路径。

一切设置妥当后，保存关闭，然后选中一个js或css文件，右击发现多了个一个东西：

点击YUI Compressor选项就会发现在控制台显示出java的执行输出，执行完后在相同目录下多了一个原文件名加上“-min”的新文件，比如我的aaa.css执行后多出了aaa-min.css。

值得注意的是我们输入的java命令可以同时压缩js和css，所以在js和css文件上右击都可以执行，怎么样，赶紧试试吧~

转载地址：http://kkgti.baihongyu.com/

你可能感兴趣的文章