Recent

Author Topic: HowTo: Compile app with Closure Compiler  (Read 452 times)

ps

  • Full Member
  • ***
  • Posts: 129
    • CSS
HowTo: Compile app with Closure Compiler
« on: July 04, 2020, 01:51:20 pm »
"The Closure Compiler is a tool for making JavaScript download and run faster. Instead of compiling from a source language to machine code, it compiles from JavaScript to better JavaScript. It parses your JavaScript, analyzes it, removes dead code and rewrites and minimizes what's left. It also checks syntax, variable references, and types, and warns about common JavaScript pitfalls."

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

We need little modification to our compiled javascript file .

1. Add window['rtl'] = rtl; to end of our compiled JS file
2. Create externs.js file

On Windows:

FILE: closure-footer.js
Code: Text  [Select][+][-]
  1.  
  2.  
  3. window['rtl'] = rtl;

FILE: externs.js
Code: Javascript  [Select][+][-]
  1. /** @interface */
  2. function ControlsAndConstants() {}
  3. /** @type {number} */
  4. ControlsAndConstants.prototype.run;
  5.  
FILE: compile.bat
Code: Text  [Select][+][-]
  1. type closure-footer.js >> app.js
  2. java -jar closure-compiler-v20200517.jar --compilation_level SIMPLE --js app.js --js_output_file app-min.js

Note: Compilation level ADVANCED is not supported.
Small simple CSS/box model implementation: https://github.com/pst2d/csscontrols/tree/dev

d-_-b

  • New Member
  • *
  • Posts: 32
Re: HowTo: Compile app with Closure Compiler
« Reply #1 on: July 29, 2020, 12:37:34 am »
Quote
Note: Compilation level ADVANCED is not supported.

Which is sad because it the best compiler/transpiler for js out there, used by other languages like clojurescript.

Thanks for testing it with SIMPLE, baby steps, before one run, i believe.
Code: Pascal  [Select][+][-]
  1. mov     ax,0013h
  2. int     10h
Denthor thanks for the vga programming tutorials | Download all tutorials

lainz

  • Hero Member
  • *****
  • Posts: 3651
    • Lainz
Re: HowTo: Compile app with Closure Compiler
« Reply #2 on: July 29, 2020, 01:53:07 am »
Remember that these compilers are not perfect, I usually get JavaScript broken with these tools, so try it with care.
https://lainz.github.io - My Website
https://lazpaint.github.io/ - LazPaint Downloads

ps

  • Full Member
  • ***
  • Posts: 129
    • CSS
Re: HowTo: Compile app with Closure Compiler
« Reply #3 on: July 30, 2020, 09:00:07 pm »
Closure Compiler is amazing (esp. with ADVANCED), but there is problem. See this: https://bugs.freepascal.org/view.php?id=37114
Small simple CSS/box model implementation: https://github.com/pst2d/csscontrols/tree/dev

lainz

  • Hero Member
  • *****
  • Posts: 3651
    • Lainz
Re: HowTo: Compile app with Closure Compiler
« Reply #4 on: August 01, 2020, 12:06:59 am »
Yes, it's good. But anyways remember testing everything once compiled... things may fail.
https://lainz.github.io - My Website
https://lazpaint.github.io/ - LazPaint Downloads

 

TinyPortal © 2005-2018