Idea中 css 、js 压缩插件会自动生成xxx.min.css、xxx.min.js文件

第一步:下载yuicompressor-2.4.8.jar

下载路径:打开搜索 YUI compressor

Maven Repository: Search/Browse/Explore (mvnrepository.com)icon-default.png?t=N7T8https://mvnrepository.com/

找到点击下载即用(如下图)

Idea中 css 、js 压缩插件会自动生成xxx.min.css、xxx.min.js文件_第1张图片

创建文件夹,放入idea文件中

Idea中 css 、js 压缩插件会自动生成xxx.min.css、xxx.min.js文件_第2张图片

第二步:安装插件File Watchers

找到Settings设置

Idea中 css 、js 压缩插件会自动生成xxx.min.css、xxx.min.js文件_第3张图片

点击plugins插件,输入搜索File Watchers 进行安装

Idea中 css 、js 压缩插件会自动生成xxx.min.css、xxx.min.js文件_第4张图片

第三步:配置css javascript

找到Tools里File watchers  再点击 + 号 

Idea中 css 、js 压缩插件会自动生成xxx.min.css、xxx.min.js文件_第5张图片
Idea中 css 、js 压缩插件会自动生成xxx.min.css、xxx.min.js文件_第6张图片

配置css案例:

填写css样式名称 和 选中css样式

Idea中 css 、js 压缩插件会自动生成xxx.min.css、xxx.min.js文件_第7张图片

选择下载的jar包

Idea中 css 、js 压缩插件会自动生成xxx.min.css、xxx.min.js文件_第8张图片

可复制粘贴


Arguments: $FileName$ -o $FileNameWithoutExtension$.min.css

Output paths to refresh: $FileNameWithoutExtension$.min.css

已配置好css

Idea中 css 、js 压缩插件会自动生成xxx.min.css、xxx.min.js文件_第9张图片

点击ok就可以了

Idea中 css 、js 压缩插件会自动生成xxx.min.css、xxx.min.js文件_第10张图片

最后效果:

Idea中 css 、js 压缩插件会自动生成xxx.min.css、xxx.min.js文件_第11张图片

配置JavaScript案例(与css配置步骤相同)

Idea中 css 、js 压缩插件会自动生成xxx.min.css、xxx.min.js文件_第12张图片

css javascript 配置成功

Idea中 css 、js 压缩插件会自动生成xxx.min.css、xxx.min.js文件_第13张图片

自动生成效果 css 

自动生成效果 javascript

你可能感兴趣的:(Idea,intellij-idea)