饭饭's Blog - css/js
type: channel
link: https://ffis.me/tag/css-js/
items: 让idea自动压缩css/js文件

让idea自动压缩css/js文件
type: item
date: 2020-04-22T20:58:00+08:00
description: 一般我们编写好css/js文件后，上线的时候总是要压缩一下的~因为压缩后能极大的减少文件的体积，从而加快文件的加载速度。这里可以使用YUI Compressor配合idea来实现自动压缩文件 YUI CompressorYUI Compressor是一种用于精简CSS/JS代码的工具。可以删除所有不必要的字符，例如空格，换行，注释而不更改源代码的功能官方网站：http://yui.github.io/yuicompressor/下载地址：https://github.com/yui/yuicompressor/releases这里我下载的是最新版 2.4.8安装安装目录下载完成后放到一个能找到的目录下。这里我放到了 C:\Develop\JetBrains\yuicompressor-2.4.8.jar配置idea动态生成这里用到了idea的文件监视器功能1.打开idea->File->Settings2.安装 File Watchers 插件2.打开Tools->File Watchers，选择右上角的添加选择YUI Compressor CSS/JS预定义模板3.配置CSS自动压缩# 参考配置 Name: YUI Compressor CSS File type: Cascading Style Sheet Scope: Project Files Program: YUI Compressor 的安装目录 # 该命令会在文件的同目录下生成一个xxx.min.css结尾的压缩文件 Arguments: $FileName$ -o $FileNameWithoutExtension$.min.css Output paths to refresh: $FileNameWithoutExtension$.min.css4.配置JS自动压缩# 参考配置 Name: YUI Compressor JS File type: JavaScript Scope: Project Files Program: YUI Compressor 的安装目录 # 该命令会在文件的同目录下生成一个xxx.min.js结尾的压缩文件 Arguments: $FileName$ -o $FileNameWithoutExtension$.min.js Output paths to refresh: $FileNameWithoutExtension$.min.js5.配置完成这样配置完成后，idea 就会监控我们css/js文件的变化，只要更改或保存文件后就会自动生成一个同名的.min.css/js的压缩文件辣~