Hilla Documentation

Configuring a Hilla Application

Customizing the configuration of a Hilla application for both the development environment and for execution.

You may need to customize the configuration of a Hilla application both for your development environment and execution.

Hot Reload in Development Mode

When running the application in development mode, all modifications in the frontend folder are compiled automatically. Refreshing the browser is enough to see the updates in the application.

Note
Server restart is required
When adding index.ts or index.html, the application server needs to be restarted to update the entry point and the bootstrap template.

Configuring the TypeScript Compiler

The TypeScript compiler requires a tsconfig.json file. If there is no tsconfig.json in the project root, the vaadin-maven-plugin generates one. The default configuration looks similar to the following:

{
  "compilerOptions": {
    "sourceMap": true,
    "inlineSources": true,
    "module": "esNext",
    "target": "es2017",
    "moduleResolution": "node",
    "strict": true,
    "noFallthroughCasesInSwitch": true,
    "noImplicitReturns": true,
    "noImplicitAny": true,
    "noImplicitThis": true,
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "experimentalDecorators": true,
    "baseUrl": "frontend",
    "paths": {
      "Frontend/*": [
        "*"
      ]
    }
  },
  "include": [
    "frontend/**/*.ts",
    "frontend/index.js",
    "types.d.ts"
  ],
  "exclude": []
}