webstorm或phpstorm配置YUI Compressor CSS 或 YUI Compressor JS压缩

1，准备材料

Webstorm或phpstorm

Yuicompressor.jar

地址：http://download.csdn.net/download/w123456h19/5624633

安装java

直接下载地址 https://www.java.com/zh_CN/

（有兴趣的话顺便把环境变量给配了，以后可能其他地方能用到

相关教程：http://jingyan.baidu.com/article/f96699bb8b38e0894e3c1bef.html）

2，安装过程

1,打开phpstorm(或webstorm)右上角的file -> settings -> Tools -> File Watchers 选项 -> 点击右侧的 “+” 按钮

2，选择 YUI Compressor CSS 或 YUI Compressor JS（本次图片以js压缩为例）

3，此处有3个必填选项，分别是 Program, Arguments和Output paths to refresh

其中 program 填写 javaw.exe 的路径，一般放在java安装路径的jdk1.8.0_121\jre\bin路径中（“jdk1.8.0_121”中的数字是java的版本号）；

例：C:\Program Files\Java\jdk1.8.0_121\jre\bin\javaw.exe

Arguments 填写 yuicompressor.Jar的路径以及输出文件的格式

例：

JS压缩

-jar G:\npm\yuicompressor-2.4.8.jar $FileName$ -o $FileNameWithoutExtension$.min.js

CSS压缩

-jar G:\npm\yuicompressor-2.4.8.jar $FileName$ -o $FileNameWithoutExtension$.min.css

Output paths to refresh填写刷新输出路径

JS压缩

$FileNameWithoutExtension$.min.js

CSS压缩

$FileNameWithoutExtension$.min.css

补充：低版本的webstorm或PHPstorm可能还需要填写 “Working directory”选项，直接指向当前路径就好了

例： $FileDir$

配置完成，尝试改变下js文件或css文件内容，若有新的min.js生成或min.css生成就证明配置成功啦~！

webstorm或phpstorm配置CSS或JS压缩相关推荐

Java批量完成对文件夹下全部的css与js压缩，利用yuicompressor
大部分代码我是从网上找的, 只有对文件的遍历是我自己写的: 其实原理十分简单利用yuicompressor已经编好的方法,我们写一个Java程序来调用即可: yuicompressor-2.4.8. ...
关于webStrom-11.1配置less且自动生成.css和自动压缩为.min.css/.min.js
网上看过很多配置思路,自己总结了以下, 就把我个人配置的顺序以及材料分享下,webstrom以下简称WB 1.配置less需要安装nodejs,自行安装.因为要用到npm.我是直接把npm解压到C盘根 ...
webpack配置：css文件打包、JS压缩打包和HTML文件发布
一.CSS文件打包 1.在src下新建css文件,在css文件下新建index.css文件,输入以下代码 body{color:red;font-size:20px; } 2.css建立好后,需要引入 ...
Grunt的配置及使用（压缩合并js/css）
Grunt的配置及使用(压缩合并js/css) 安装前提是你已经安装了nodejs和npm. 你能够在 nodejs.org 下载安装包安装.也能够通过包管理器(比方在 Mac 上用 homebre ...
js和css和img,Node.js压缩web项目中的js,css和图片
安装node.js 这个非常简单,下载下来,配置下环境变量就可以了,使用node -v查看是否安装成功安装压缩需要的模块分别是uglify-js,clean-css,node-smushit 命令是 ...
gulp配置实现修改js、css、html自动刷新
写在前面: 本配置支持es6.less.react 1.首先给出初始的目录结构给出执行gulp后的目录结构给出执行gulp --p后的目录结构 2.package.json里是一个写入.文件描述 ...
Node.js压缩web项目中的js,css和图片
2019独角兽企业重金招聘Python工程师标准>>> 安装node.js 这个非常简单,下载下来,配置下环境变量就可以了,使用node -v查看是否安装成功安装压缩需要的模块分别 ...
使用基与maven的构建插件在构建阶段压缩css，js并为压缩后的文件追加版本号
最近负责公司一个项目框架的搭建,由于我们这边是后端团队,没有专业的前端工程师支持我们,我就在这个搭建过程中遇到了一些前端问题,给大家分享一下. 主要分享点: 构建项目时自动在css,js文件名中加入版 ...
gulp压缩整合css和js文件
gulp压缩整合css和js文件原创 dadaDaShiXiong 最后发布于2018-09-18 14:28:38 阅读数 1164 收藏发布于2018-09-18 14:28:38 版权声明: ...

webstorm或phpstorm配置CSS或JS压缩

webstorm或phpstorm配置YUI Compressor CSS 或 YUI Compressor JS压缩

1，准备材料

2，安装过程

webstorm或phpstorm配置CSS或JS压缩相关推荐

最新文章

热门文章