Deploying and Testing
When your app is complete, you need to build it for production.
If you are using webpack.config.js from the jet-start project, you can run either of these commands:
npm run build / yarn build
webpack --env.production true
Any of these commands will compile the whole app in two files, myapp.css and myapp.js, which will be stored in the codebase folder (names may differ, based on the webpack config).
Now, you need to upload the files from codebase and index.html (the html page which is stored at the root of the project) to the production server.
To deploy the app on the back-end server (e.g. Tomcat), put the codebase folder inside the web-folder of the server.
By default, index.html uses the CDN version of Webix (GPL). If you are using Webix PRO, you need to change paths in index.html to the place where webix.min.js and webix.min.css are stored on your production server.
After building the app, you need to include the following files:
- myapp.js and myapp.css from the codebase folder,
- webix.min.css (or the needed skin stylesheet from the skins folder),
- the fonts folder that contains Webix icons and fonts,
- the legacy folder (used for IE compatibility).
If you use icons outside the default icon set, also include a link to the stylesheet with the icons.
To check the quality of the source code, run the following command:
npm run lint
Once you have:
run the following command:
npm run test
After the tests are complete, you will see something like this:
Webix Jet with webpack-mocha tests that ran successfully