123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778 |
- ---
- title: Compiling a Client-Side Module
- order: 4
- layout: page
- ---
-
- [[clientside.compiling]]
- = Compiling a Client-Side Module
-
- A client-side module, either a widget set or a pure client-side module, needs to
- be compiled to JavaScript using the Vaadin Client Compiler. During development,
- the Development Mode makes the compilation automatically when you reload the
- page, provided that the module has been initially compiled once with the
- compiler.
-
- As most Vaadin add-ons include widgets, widget set compilation is usually needed
- when using add-ons. In that case, the widget sets from different add-ons are
- compiled into a __project widget set__, as described in
- <<dummy/../../../framework/addons/addons-overview.asciidoc#addons.overview,"Using Vaadin Add-ons">>.
-
- ////
- TODO Provide a link to a proper add-on compilation section when one is
- available.
- ////
-
- [[clientside.compiling.overview]]
- == Vaadin Compiler Overview
-
- The Vaadin Client Compiler compiles Java to JavaScript. It is provided as the
- [filename]#vaadin-client-compiler# JAR, which you can execute with the
- [literal]#++-jar++# parameter for the Java runtime. It requires the
- [filename]#vaadin-client# JAR, which contains the Vaadin client-side framework.
-
- The compiler compiles a __client module__, which can be either a pure
- client-side module or a Vaadin widget set, that is, the Vaadin Client-Side
- Engine that includes the widgets used in the application. The client module is
- defined with a module descriptor, which was described in
- <<dummy/../../../framework/clientside/clientside-module#clientside.module,"Client-Side
- Module Descriptor">>.
-
- The compiler writes the compilation result to a target folder that will include
- the compiled JavaScript with any static resources included in the module.
-
-
- [[clientside.compiling.eclipse]]
- == Compiling in Eclipse
-
- When the Vaadin Plugin is installed in Eclipse, you can simply click the
- [guibutton]#Compile Vaadin widgets# button in the toolbar. It will compile the
- widget set it finds from the project. If the project has multiple widget sets,
- such as one for custom widgets and another one for the project, you need to
- select the module descriptor of the widget set to compile before clicking the
- button.
-
- The compilation with Vaadin Plugin for Eclipse currently requires that the
- module descriptor has suffix [filename]#Widgetset.gwt.xml#, although you can use
- it to compile also other client-side modules than widget sets. The result is
- written under [filename]#WebContent/VAADIN/widgetsets# folder.
-
-
- [[clientside.compiling.ant]]
- == Compiling with Ant
-
- You can find a script template for compiling widget sets with Ant and Ivy at the
- link:http://vaadin.com/download/[Vaadin download page]. You can copy the build
- script to your project and, once configured, run it with Ant.
-
-
- [[clientside.compiling.maven]]
- == Compiling with Maven
-
- You can compile the widget set with the [literal]#++vaadin:compile++# goal as
- follows:
-
- [subs="normal"]
- ----
- [prompt]#$# [command]#mvn# [parameter]#vaadin:compile#
- ----
|