IDEA把css/js压缩成一行min文件，idea实现右键压缩css和js文件

慕云枫

已于 2023-06-12 08:56:12 修改

阅读量3.9k

点赞数 1

分类专栏： IDEA 前端插件效果文章标签： intellij-idea css javascript

于 2023-06-10 10:42:41 首次发布

版权

40 篇文章

订阅专栏

2 篇文章

订阅专栏

文章介绍了如何通过yuicompressor-2.4.8.jar工具在IDEA集成环境中设置ExternalTools，对CSS和JS文件进行压缩，以提高加载速度。用户需下载jar文件并配置IDEA的外部工具参数，压缩后的min文件将与源文件同级保存，注意原始文件的注释会被清除，建议备份。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言

发布时有些css和js文件较长多行，导致加载的时候略慢，所以想把指定的css或js压缩

整合 yuicompressor-2.4.8.jar
下载地址1：https://github.com/yui/yuicompressor/releases
下载地址2：https://github.com/yui/yuicompressor/releases/download/v2.4.8/yuicompressor-2.4.8.jar
下载后将文件存储到本地某个路径下，下面等会使用

打开Settings窗口（左上角File ->Settings）
然后如图所示操作Tools->External Tools，点击加号添加
在这里插入图片描述
前面的name和Description自定义

Program

java

Arguments
css 的用这个

-jar F:\Development-Tools\yuicompressor-2.4.8.jar --type css --charset utf-8 $FilePath$ -o $FileNameWithoutExtension$.min.css

js 的用这个

-jar F:\Development-Tools\yuicompressor-2.4.8.jar --type js --charset utf-8 $FilePath$ -o $FileNameWithoutExtension$.min.js

F:\Development-Tools\yuicompressor-2.4.8.jar 这个路径就是你下载的那个jar本地路径

Working directory
点击框架中右边 + 加号
在这里插入图片描述
再点击OK，然后重启IDEA
重启后，选择css或js文件右键，如下操作

在这里插入图片描述
生成后

双击min文件打开就可以看到效果了，生成后的min文件与原文件同级路径

注：压缩后的min文件里面原来有的注释是会清除的，所以原文件建议备份