PHP / Javascript minification

Question

I am curious if there is a full minifier that can do javascript AND the php / html minification? As a for instance, if you look at this pen: http://codepen.io/ajhalls/pen/qmEKVY

You can see in the HTML area you have the code

 <div class="col-sm-1 svgPatternItem " data-id="svgPattern-42 " style="font-size:14px;text-shadow: 0px 0px 4px rgb(0, 0, 0);color:#fff;position:relative;width:100px;height:100px; ">

Then in the javascript, you have:

$(".svgPatternItem").each(function( index ) {

while the class svgPatternItem makes it descriptive and readable, it is unnecessarily long. In sublime I could do a global search and replace to make that class aa, and the next one class ab and so on, but that is exactly the type of work you would expect a macro to excel at, yet I haven't found one that will modify both.

To further complicate matters, I have mixed in some new ECMAScript 2017 that breaks most minifiers, but which made development so much more pleasant like using the backtick when defining multiline variables. I could revert things to previous JS if needed, but it makes it harder to develop on unless it is required.

I was looking at http://esprima.org and it seems that if you look at the online parser with the js code from the codepen earlier you would just need to look for the callee => arguments => value and if it was an alphanumeric value, do a global search and replace using a short variable name through the entire code base of php and javascript which "should" work.

All that being said, as evidenced from my last two questions, I haven't found a way to do that parsing myself using javascript or PHP. Maybe python could do it, but I wonder if I need a full windows application such as Sublime to do the work for me so am wondering if anyone else has solved this particular issue.

Thanks Anthony, my understanding is that grunt doesn't do them at the same time which would be needed if you wanted to replace class names in both the js and the html. Am I mistaken? — Alan
– Alan, Commented May 9, 2017 at 16:05
You're right. It doesn't minify class names, ids, etc. As far as I know. — Anthony
– Anthony, Commented May 9, 2017 at 16:11

Shakti Phartiyal · Accepted Answer · 2017-05-09 15:59:34Z

1

As far as JavaScript minification is concerned the best is Google Closure Compiler.

It has an online version as well as a downloadable runnable java jar file. Know more about Google Closure compiler for JS here:

https://closure-compiler.appspot.com/home

https://developers.google.com/closure/compiler/

HTML Minification:

There is a Repository at github that lets you CSS and JS and HTML into a single line of code, you can find it at https://github.com/searchturbine/phpwee-php-minifier

It runs on the PHP engine.

If you want to obfuscate your JS code there is a concept called uglification It basically minifies as well as obfuscates your code against reverse engineering upto a certain level find more about it at :https://github.com/mishoo/UglifyJS2

answered May 9, 2017 at 15:59

Shakti Phartiyal

6,3043 gold badges29 silver badges46 bronze badges

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

Collectives™ on Stack Overflow

PHP / Javascript minification

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related