Compress CSS & JS code with PHPStorm?

Question

I'm using PHPStorm. This is very great software for web developers.

When I want to compress my CSS & JS files in PHPStorm , I can't find any option in PHPStorm.

So, Please tell me how to compress CSS & JS code in PHPStorm.

Usually build scripts should do so, not IDE

zerkms
– zerkms

2012-12-17 09:55:27 +00:00
Commented Dec 17, 2012 at 9:55 — zerkms
– zerkms, Commented Dec 17, 2012 at 9:55
jetbrains.com/phpstorm/webhelp/minifying-javascript.html

Real Dreams
– Real Dreams

2013-05-29 03:12:10 +00:00
Commented May 29, 2013 at 3:12 — Real Dreams
– Real Dreams, Commented May 29, 2013 at 3:12

web-nomad · Accepted Answer · 2017-12-14 10:17:20Z

21

Found Assets Compressor plugin. See if it helps.

EDIT - Changed to the new link as pointed by @spade

edited Dec 14, 2017 at 10:17

answered Dec 17, 2012 at 10:00

web-nomad

6,0133 gold badges37 silver badges49 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

DerpyNerd Over a year ago

I installed it but the plugin doesn't generate a minified document. Nothing happens

Otvazhnii Over a year ago

Click "Refactor >> Compress" to compress any file. This is a great plugin, definitely an up for the response.

NME New Media Entertainment Over a year ago

As of phpstorm 2019.1.2 I get an error warning which cause this plugin to malfunction.

Dmitry · Accepted Answer · 2017-02-15 09:15:21Z

4

PHPStorm supports minification by File Watchers. It supports integration with the YUI Compressor "out of the box", but it has some problems, e.g., with calc() function. My solution is to use minifier:

Repeat the steps to install Node.js and npm from JetBrains manual
Install minifier like YUI Compressor in manual (npm install minifier)
Minifier documentation says: "Installing through npm will create a binary (minify) in the usual locations", but I have not found it (perhaps it is not created on Windows). Index.js file can be executed via node index.js command, but PHPStorm does not maintain this way ("Please set program to run!" error will be thrown). So I created .bat file with the following content:

.

echo off
node path\to\minifier\index.js %*

Then in PHPStorm watcher settings in Program input field we set path to the .bat file. Note that Minifier uses a different method for setting the output path, so we have to change Arguments field: $FileName$ --output $FileNameWithoutExtension$.min.css

answered Feb 15, 2017 at 9:15

Dmitry

3041 silver badge13 bronze badges

1 Comment

Erutan409 Over a year ago

Unfortunately, it seems this has been deprecated.

CrazyCoder · Accepted Answer · 2012-12-17 10:02:56Z

1

See the related feature requests:

WEB-2138 Support automatic JavaScript and CSS minification
WEB-2125 Pre- and post-deployment commands

At the moment you can use third-party tools/plug-ins like suggested by @Pushpesh.

answered Dec 17, 2012 at 10:02

CrazyCoder

405k183 gold badges1k silver badges945 bronze badges

Collectives™ on Stack Overflow

Compress CSS & JS code with PHPStorm?

3 Answers 3

3 Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related